738968 - Object visualization

Status: RESOLVED WONTFIX

(DevTools :: Object Inspector, defect, P4)

Description

[David Bruant]

The current approach to inspect objects in JavaScript debugger (or, let's face it, pretty much every debugger I have ever heard of) is to display a list of properties. That's what Firebug do for instance.
It would be interesting to explore more visual representations of objects.

A while ago, I wrote ObjectViz. Demo at http://davidbruant.github.com/ObjectViz/
In reading order, the own properties of the object are visualized. Then its prototype, then its prototype, etc.
Initially, the global object is visualized. If you click, the click event is visualized. You can open the WebConsole and type "ObjectViz(someObject)" to visualize an object.

I have had people telling me this could have a use for debugging. Also, it's cross-browser, and I've had people mentionning that it was interesting that in a glance you could see the browser differences of event objects for instance.

I won't sell my particular implementation, because a lot of things coud be improved, but I wish a visual visual representations could be explored in debugging.

Comment 1

[Rob Campbell [:rc] (:robcee)]

possibly. This could be an interesting experiment or addon.

Comment 2

[Victor Porof [:vporof][:vp]]

Moving stuff to the Object Inspector component.
Filter on COSMICMIGRAINE.

Comment 3

[Victor Porof [:vporof][:vp]]

I'm just going to leave this here. http://www.objectplayground.com/

Comment 4

[Patrick Brosset <:pbro>]

No activity on this old feature idea. And we have rewritten the UI of the debugger in the meantime. I think it's fair to close this now.