Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Does Chrome's Dev Tools have a JSON explorer like Firebug's?

In Firebug, you can

see JSON formatted as an expandable tree of items and also explore them using Firebug's Dom tab. The view is available within Net panel and visible as soon as a JSON request is expanded.

As in this screenshot:

alt text

I'm trying to switch to Chrome but can't find this feature in Dev Tools.

Does Chrome's Dev Tools provide something similar (assuming you're not using any additional extensions like Firebug Lite)?

like image 703
yoga Avatar asked Nov 06 '10 13:11

yoga


People also ask

How do you find the payload of inspect element?

You can right click on the main Postman window > Inspect element. In the Network tab, you'll be able to see the request when you click the Send button. Clicking on the request in the Network tab will show you the response payload.

Where is the console element in Chrome?

One of the easiest ways to inspect a specific web element in Chrome is to simply right-click on that particular element and select the Inspect option. Clicking on the Inspect option from the right-click menu will directly open the Developer tools including the editor, Console, Sources, and other tools.


3 Answers

You can use:

inspect(myObject);

in the Chrome console to get an inline object inspector similar to what the DOM tab in Firebug gives you. In your case you can to do this on whatever object you assign your JSON results to. alt text

like image 72
Marcus Avatar answered Sep 20 '22 08:09

Marcus


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

In case you didn't know, Firebug Lite for Chrome supports this feature (only for XHR requests), so you can use both Chrome Dev Tools and Firebug Lite to inspect 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

like image 34
Pedro Simonetti Avatar answered Sep 21 '22 08:09

Pedro Simonetti


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

like image 32
Joseph Lust Avatar answered Sep 19 '22 08:09

Joseph Lust