JSON Formatter provides buttons to toggle between raw and formatted views of a JSON document.
It is open source. As of March 2023, the chrome extension was last updated on January 2023 and the last commit was in March 2023.
As of November 2016, the last commit was in March 2015. There are over 100 forks, many of which have more recent commits. It's not immediately clear if one of those forks is better maintained.
The OP of this answer originally wrote: "I feel like a big dummy. Some more thorough searching turned up https://chrome.google.com/webstore/detail/the-missing-json-inspecto/hhffklcokfpbcajebmnpijpkaeadlgfn/related, which is exactly what I need." However, an edited version of this answer indicated that that extension was not open source and was no longer maintained.
Answer from A. Wilson on Stack ExchangeJSON Formatter provides buttons to toggle between raw and formatted views of a JSON document.
It is open source. As of March 2023, the chrome extension was last updated on January 2023 and the last commit was in March 2023.
As of November 2016, the last commit was in March 2015. There are over 100 forks, many of which have more recent commits. It's not immediately clear if one of those forks is better maintained.
The OP of this answer originally wrote: "I feel like a big dummy. Some more thorough searching turned up https://chrome.google.com/webstore/detail/the-missing-json-inspecto/hhffklcokfpbcajebmnpijpkaeadlgfn/related, which is exactly what I need." However, an edited version of this answer indicated that that extension was not open source and was no longer maintained.
Here is a way with Chrome 97 and no plugins.
- Visit a API or JSON resource in the URL
- Open developer tools. (F12)
- Click the Source tab.
- Open a source or hit CTRL-P
- Select the JSON
- In the top, select Pretty Print
- You get nice JSON human-readable formatting!
Here is an example:


Videos
JSONView extension or any other extensions in the Chrome browser needs permission to access file URLs if it is accessing files from your local system. To allow:-
- Visit
chrome://extensions/ - Click on
Detailsbutton of the Extension card Switch ONtheAllow access to file URLs
JSONView or any other json formatter detects if you are viewing json on basis on contentType of the document loaded (as set on http header).
Since you must be running this code on client side (browser) the contentType is set to text/html .
For the plugin to correctly format the json, it must know that what you're looking at is indeed json and it does so by reading contentType header.
That is why fetching json via this script shows json as text in body attribute but not picked up by the plugin.
Hey everyone I previously used this JSON Lite extension without any issues for 5+ years until upgrading to v117.0 today and it's stopped working, instead showing what looks like chrome's built in pretty-print. Any idea how to disable and use the extension? Thanks
And even easier, with Safari 5: https://github.com/rfletcher/safari-json-formatter
I've created a new extension compatible with apple's new publishing rules.
https://apps.apple.com/app/advanced-json-viewer/id6739271287
I recently made a JSON viewer for safari called JSONAce, you can download it here: https://github.com/acrogenesis/JSONAce
Apple Extensions link
Its because of cross-origin errors you get in the javascript...
Go to your chrome shortcut -> right click -> properties -> shortcut
Change the target field from:
"C:\Users\boris.d\AppData\Local\Google\Chrome\Application\chrome.exe"
to
"C:\Users\boris.d\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files"
and it will work for you :-)
add JSONView as extension in your chrome browser and refresh your page.It will work.
use following link to add: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc/related?hl=en