Does Chrome Dev Tools have a JSON explorer like Firebug?

Question

In Firebug you can

see JSON formatted as an extensible tree of elements and also examine them using the Firebug Dom tab. The view is accessible in the Net panel and is displayed as soon as the JSON request is expanded.

As in this screenshot:

I am trying to switch to Chrome but cannot find this feature in Dev Tools.

Does Chrome Dev Tools provide something like this (unless you use any additional extensions like Firebug Lite)?

Answer 1

You can use:

inspect(myObject); 

in the Chrome console to get an inspector of the embedded object, similar to what the DOM tab in Firebug gives. In your case, you can do this on any object to which you have assigned JSON results.

Answer 2

As far as I know, Chrome does not have this feature.

If you didn’t know, Firebug Lite for Chrome supports this feature (only for XHR requests), so you can use both Chrome Dev and Firebug Lite tools to check JSON responses. See this blog post:

http://blog.getfirebug.com/2010/09/09/firebug-lite-1-3-1/

Disclaimer: I work with the Firebug working group

Answer 3

Chrome 12 (12.0.742.6) will have this feature!

You can already download the beta of 12 today.

https://bugs.webkit.org/show_bug.cgi?id=20628#c4