JSON Tidy for Chrome and Firefox
Every JSON response a page loads, in one searchable side panel. Free, no account.
Search every response
Find which request returned a value. Search looks inside every response body and shows the path to each match, like
orders[3].customer.email.Open in the JSON viewer
Fold and search the tree, view records as a table, and copy the path to any value. Responses up to 20 MB, with long IDs kept exact.
Compare with the previous call
See what changed after you saved a form or refreshed. The diff opens in Compare JSON.
Copy as cURL
Rerun the request in a terminal, or paste it into Postman, Insomnia or Bruno. Tokens, API keys and passwords are swapped for placeholders.
Export to Postman
Download a Postman collection with the response saved as an example.
Share or download
Copy a share link, the raw JSON, or save it as a
.jsonfile.DevTools tab
The same panel as a tab in Chrome and Firefox developer tools, on any site while they’re open.
GraphQL operation names
Calls to
/graphqlare labeled by operation, so they don’t all look the same.
Setting it up
- Install it and pin the JSON Tidy button to your toolbar.
- On the site you’re debugging, click the button and choose Turn on. Your browser asks for access to that one site.
- Reload the page. Responses appear in the side panel (the sidebar in Firefox).
What it doesn’t capture
The extension sees fetch and XHR requests made after you turn a site on. Requests that ran before that, and traffic from web workers, service workers and WebSockets, won’t appear in the list.
Where your data goes
Captured responses are held in your browser’s memory and cleared when you leave the page. They aren’t sent to JSON Tidy or anywhere else. The one exception is a share link: it carries the JSON inside the link, so anyone you send it to can read it. The privacy policy covers the rest.
If something isn’t working or you’d like a feature added, send a message through the contact page.