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:
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)?
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.
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.
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.
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
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With