If you need only a nice viewer/parser I can recommend good ol JSON Formatter , really handy addon which also gives you easy access to elements with json in console. There is also a newer fork of it with some color themes and visual features, but because of it loading bigger JSON files can take much longer (or even crash the tab). Answer from brown59fifty on reddit.com
Chrome Web Store
chromewebstore.google.com › detail › json-formatter › bcjindcccaagfpapjjmafapmmgkkhgoa
JSON Formatter - Chrome Web Store
It's a browser and editor for JSON document.You can get a beautiful view.
Chrome Web Store
chromewebstore.google.com › detail › json-viewer › aimiinbnnkboelefkjlenlgimcabobli
JSON Viewer - Chrome Web Store
Features: * Syntax highlighting * Collapsible trees, with indent guides amd items count * Clickable URL's * JSON & JSONP support * Toggle between raw and parsed JSON * Works on any valid JSON page even on local files too (if you enable this in chrome://extensions) Note: This extension might have conflict with other JSON highlighters/beautifiers, like 'JSON Formatter', 'JSONView', 'Pretty JSON' and so on – Please, disable those before trying this for better experience.
How to view JSON in Chrome like Firefox?
If you need only a nice viewer/parser I can recommend good ol JSON Formatter , really handy addon which also gives you easy access to elements with json in console. There is also a newer fork of it with some color themes and visual features, but because of it loading bigger JSON files can take much longer (or even crash the tab). More on reddit.com
13
3
December 31, 2019How to get JSON output in Chrome Dev Tools console? - Stack Overflow
is there a way to output a json in a nice way in the console? I just get "> Object" as the tree root and have to manually navigate through the tree which is annoying. The best case would be to sea... More on stackoverflow.com
Google Chrome display JSON AJAX response as tree and not as a plain text - Stack Overflow
I cannot find an answer to this one: My AJAX calls return JSON data. In Google Chrome Developer Tools > Resources > XHR when I click on the resource on the left and then on the Content tab I ... More on stackoverflow.com
Sharing My Script to Create Chrome Bookmarks JSON file
Thank you. I've had 50% success with the uri's I've imported. So frustrating to constantly fail on the others. More on reddit.com
3
7
November 19, 2019Videos
02:47
JSON Formatter Google Chrome Extension – View and Beautify JSON ...
02:54
Google Chrome JSON Formatter Extension is a LIFESAVER – Read JSON ...
06:16
The Ultimate Chrome JSON Extension - YouTube
35:54
Creating API message extensions with Teams Toolkit
04:10
Ch. 6.2 View JSON in a Browser - Safari & Chrome Extensions (2024) ...
00:54
How to install and use JSON Formatter in chrome to view JSON data ...
JSONLint
jsonlint.com › json-formatter
JSON Formatter For Chrome | JSONLint
Turn tedious JSON data into a visually intuitive, interactive experience with our JSON Formatter. Featuring color-coded formatting, image previews, clickable URLs, and easy navigation.
Google Support
support.google.com › chrome › a › answer › 14749672
Set Chrome policies using the Custom Configurations page - Chrome Enterprise and Education Help
For administrators, signed up for Chrome Enterprise Core, who manage Chrome policies from the Google Admin console. You can enforce Chrome policies from your Google Admin console using JSON code. You
Medium
medium.com › @ecastille924 › super-helpful-chrome-extension-for-json-data-f8a735c96bf4
Super Helpful Chrome Extension for JSON data | by Erick Castille | Medium
February 12, 2022 - It doesn’t at all look like readable, digestable information unless you really squint. What we really want to see is something tha tlooks more like the first example above. Good news! All you have to do is download the JSONView chrome extension available here.
Jsonview
jsonview.com
JSONView - View JSON in Firefox and Chrome | BenHollis.net
A Firefox and Chrome extension that pretty-prints JSON data.
Chrome Web Store
chromewebstore.google.com › detail › jsonview › gmegofmjomhknnokphhckolhcffdaihd
JSONView - Chrome Web Store
Validates and makes JSON documents easy to read. Open source. ... Average rating 4.0 out of 5 stars. Learn more about results and reviews. Adds React debugging tools to the Chrome Developer Tools.
Reddit
reddit.com › r/webdev › how to view json in chrome like firefox?
r/webdev on Reddit: How to view JSON in Chrome like Firefox?
December 31, 2019 -
Hi webdev, and happy new 2020 for people already there, happy party for the rest of you!
I reeeeeally love Firefox JSON viewer and it's the main thing I miss since I decided to switch to Chrome (as a wannabe frontend dev I find it useful to adhere to industry standards until I have sufficient experience to make my own choices).
Is there any widely used and safe plugin that replicates FF magnificent experience?
Thanks and let's hope 2020 will be a great year for everyone.
Top answer 1 of 4
4
(as a wannabe frontend dev I find it useful to adhere to industry standards until I have sufficient experience to make my own choices) May I recommend sticking with Firefox, then? Chrome is not industry standard--that's W3C and WHATWG. You'll be doing the world a favor by using a different browser.
2 of 4
2
If you need only a nice viewer/parser I can recommend good ol JSON Formatter , really handy addon which also gives you easy access to elements with json in console. There is also a newer fork of it with some color themes and visual features, but because of it loading bigger JSON files can take much longer (or even crash the tab).
Chrome Developers
developer.chrome.com › docs › chrome extensions › reference › manifest
Manifest file format | Chrome for Developers
September 18, 2012 - Every extension must have a manifest.json file in its root directory that lists important information about the structure and behavior of that extension.
GitHub
github.com › GoogleChromeLabs › chrome-for-testing
GitHub - GoogleChromeLabs/chrome-for-testing · GitHub
The latest versions for which all CfT assets are available for download, for each Chrome release channel (Stable/Beta/Dev/Canary). ... Same as above, but with an extra downloads property for each channel, listing the full download URLs per asset. ... The latest versions for which all CfT assets are available for download, for each known combination of MAJOR.MINOR.BUILD versions. latest-patch-versions-per-build-with-downloads.json
Starred by 1.2K users
Forked by 151 users
Languages JavaScript 91.8% | HTML 8.2%
Chrome Web Store
chromewebstore.google.com › detail › json-viewer-pro › eifflpmocdbdmepbjaopkkhbfmdgijcc
JSON Viewer Pro - Chrome Web Store
Formats JSON in your browser, so it's beautiful and easy to read. ... Average rating 4.5 out of 5 stars. Learn more about results and reviews. ... Average rating 4.0 out of 5 stars. Learn more about results and reviews. Adds React debugging tools to the Chrome Developer Tools.
Chrome DevTools
chromedevtools.github.io › devtools-protocol
Chrome DevTools Protocol
The Chrome DevTools uses this protocol and the team maintains its API. Instrumentation is divided into a number of domains (DOM, Debugger, Network etc.). Each domain defines a number of commands it supports and events it generates. Both commands and events are serialized JSON objects of a fixed ...
Top answer 1 of 6
22
JSONView for chrome
- In-browser viewer
- Expand and contract JSON items
- Format validation
- Doesn't require .json ending
Enable:
Chrome wrench button >> Tools >> Extensions >> "Allow access to file URLs"
2 of 6
10
I got impatient waiting for a new Chrome API and ported JSONView just using simple regex matching.
http://github.com/jamiew/jsonview-chrome
This is a rough draft, but it works! You can install it using "Load unpacked extension" from the chrome://extensions -- working out some kinks but will package it as a real extension soon.
For further prettification checkout the "XML Tree" extension (SuperUser won't let me post 2 links yet)
Top answer 1 of 2
61
Got this from Superuser:
If the right-click -> copy is not available you could try:
1 - Right-click the object and select "Store as global variable"
2 - The console will print the new variable's name, for example:
//temp1
3 - Type:
copy(temp1)
The object is now available in your clipboard.
Tested in chrome 36
I used this in Chrome 65 and worked great.
2 of 2
7
ATM your best option is to use JSON.stringify as explained here.
There is an DevTools Console API for Chrome extensions that allows to customize console output, but it's still experimental.
Jsonpathfinder
jsonpathfinder.com
JSON Path Finder
0: Enter your JSON in the editor. 1:Select an item to view its path.
Ful.io
ful.io › blog › top-5-json-viewer-chrome-extensions-you-need-to-check-out
Top 5 JSON Viewer Chrome Extensions You Need To Check Out
May 20, 2025 - This Chrome extension is a powerful tool designed for developers, offering convenient printing capabilities directly within the browser. ... Highlight Syntax: Easily identify JSON syntax elements for improved readability.
Top answer 1 of 11
533
To see a tree view in recent versions of Chrome:
Navigate to Developer Tools > Network > the given response > Preview
2 of 11
76
Google Chrome now supports this (Developer Tools > Network > [XHR item in list] Preview).
In addition, you can use a third party tool to format the json content. Here's one that presents a tree view, and here's another that merely formats the text (and does validation).
Chrome Developers
developer.chrome.com › docs › chrome extensions › get started
Extensions / Get started | Chrome for Developers
A Chrome extension is composed of parts that play different roles. ... The extension's manifest is the only required file that must have a specific file name: manifest.json. It also has to be located in the extension's root directory.
Js
json-formatter.js.org
JSON Formatter - Beautify Your JSON Code in the Browser
A Chrome Extension to automatically format JSON in the browser. Available with both Dark and Light mode, with Auto-Linker and Syntax Highlighting.