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
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).
Jsonview
jsonview.com
JSONView - View JSON in Firefox and Chrome | BenHollis.net
Pretty JSON in your browser · Add to Firefox Add to Chrome Add to Edge · Change Log | Contribute · (click to test it out) Pretty-prints JSON instead of prompting to download it or rendering it as text. Collapsible array and object sections for easy navigation.
View JSON file in Browser - javascript
In Chrome, use JSONView to view formatted JSON. To view "local" *.json files: - after install You must open the Extensions option from Window menu. - Check box next to "Allow Access to File URLs" - note that save is automatic (i.e. no explicit save necessary) Re-open the *.json file and it should be formatted. ... Firefox 44 includes a built-in JSON viewer ... More on stackoverflow.com
View JSON through the Browser in a more friendly manner.
Aaron Brewer is having issues with: If you have Google Chrome, use an extension like JSON Viewer to view JSON data through the browser in a more friendly matter. More on teamtreehouse.com
6
April 7, 2015Is there an easier way to view json object from firefox or chrome's developer console?
What is the easiest way to read json from Firefox or Chrome's developer console? Do I need to install a plugin? Or hopefully there's a javascript function that lets you view json in a way that's much easier to read... For example. If I try console.log(data) where data is the json object, the developer console displays it like ... More on stackoverflow.com
Chrome extension JSON viewer
I'm interested in contributing to the project! do you have a public repo? More on reddit.com
2
3
February 11, 2024Videos
06:16
The Ultimate Chrome JSON Extension - YouTube
02:54
Google Chrome JSON Formatter Extension is a LIFESAVER – Read JSON ...
02:47
JSON Formatter Google Chrome Extension – View and Beautify JSON ...
04:10
Ch. 6.2 View JSON in a Browser - Safari & Chrome Extensions (2024) ...
01:08
How to Make JSON File Easy to Read Using Google Chrome Extension ...
03:09
json viewer | json viewer browser extension - YouTube
GitHub
github.com › pd4d10 › json-viewer
GitHub - pd4d10/json-viewer: Port of Firefox's JSON Viewer for Chromium-based Browsers
Port of Firefox's JSON Viewer for Chromium-based Browsers - pd4d10/json-viewer
Starred by 249 users
Forked by 32 users
Languages JavaScript 69.4% | TypeScript 29.9% | CSS 0.7% | JavaScript 69.4% | TypeScript 29.9% | CSS 0.7%
Chrome Web Store
chrome.google.com › webstore › detail › json-viewer › efknglbfhoddmmfabeihlemgekhhnabb
JSON Viewer - Chrome Web Store
March 26, 2024 - This is a port of Firefox's JSON Viewer If you open a JSON file in the browser, it is parsed and given syntax highlighting. Arrays and objects are shown collapsed, and you can expand them using the "+" icons.
Top answer 1 of 14
47
In Chrome use JSONView or Firefox use JSONView
2 of 14
23
If you don't want to install extensions, you can simply prepend the URL with view-source:, e.g. view-source:http://content.dimestore.com/prod/survey_data/4535/4535.json. This usually works in Firefox and Chrome (will still offer to download the file however if Content-Disposition: attachment header is present).
Better Programming
betterprogramming.pub › easy-to-read-json-with-this-chrome-firefox-extension-29f4938dce50
Easy-to-Read JSON With This Chrome/Firefox Extension | by Fatos Morina | Better Programming
August 12, 2019 - It also works with local files, after you enable it in chrome://extensions. You can inspect the JSON by typing json into the console. You can install the extension by going here for Chrome and here for Firefox and then test it, for example, by visiting this API response.
Mozilla Add-ons
addons.mozilla.org › en-US › firefox › addon › jsonview
JSONView – Get this Extension for 🦊 Firefox (en-US)
May 17, 2025 - JSONView was built to display JSON documents in an easy to read format, which is still nice if you don't like the default viewer. The document is formatted, highlighted, and arrays and objects can be collapsed.
GitHub
github.com › discoveryjs › browser-extension-json-discovery
GitHub - discoveryjs/JsonDiscovery: A browser extension (Chrome, Edge, Firefox) that changes the way you're viewing JSON · GitHub
A browser extension (Chrome, Edge, Firefox) that changes the way you're viewing JSON - discoveryjs/JsonDiscovery
Starred by 358 users
Forked by 15 users
Languages JavaScript 85.5% | CSS 8.2% | Swift 4.0% | HTML 2.3%
GitHub
github.com › bhollis › jsonview
GitHub - bhollis/jsonview: A web extension that helps you view JSON documents in the browser. · GitHub
JSONView is a Web extension compatible with Firefox and Google Chrome that helps you view JSON documents in the browser.
Starred by 1.7K users
Forked by 230 users
Languages TypeScript 67.8% | JavaScript 23.0% | CSS 6.5% | Shell 2.7%
Chrome-Stats
chrome-stats.com › developer tools › json viewer
JSON Viewer: A Chrome Extension for Displaying JSON Files
May 27, 2018 - JSON Viewer is highly praised for its reliable and user-friendly interface resembling Firefox's JSON viewer, supporting large payloads and offering useful features like search, save, and theming.
Top answer 1 of 6
1
You can view your json in a couple of methods listed below :
1. You could always use your good old text editor - copy the json object, paste it in the text editor, set proper indents and voila !! you have a formatted json object at your disposal.
2. Using the browser(my personal favorite) - Use your browser to check your json object. Just install the proper extensions/addons to the browser. This extension/addon is called JSON Lite. You can also use JSON View for chrome, but JSON Lite gives you some more details as to number of keys and size.
For chrome - https://chrome.google.com/webstore/detail/json-lite/acacmjcicejlmjcheoklfdchempahoag
For firefox - https://addons.mozilla.org/en-US/firefox/addon/json-lite/
3. Using other services - You could use other services like http://prettyjson.com/ and http://jsonprettyprint.net/ where you can just paste the json and you get a formatted output.
Peace !!
2 of 6
1
I use https://jsonformatter.curiousconcept.com/ to read json in a more readable format.
Softonic
json-viewer-6me.en.softonic.com › home › web browsers › browsers › google chrome › json viewer
JSON Viewer for Google Chrome - Extension Download
March 28, 2024 - JSON Viewer is a Chrome add-on developed by Rongjian Zhang. As a port of Firefox's JSON Viewer, this program allows users to easily parse and view JSON files directly in the browser.
Chrome Web Store
chromewebstore.google.com › detail › json-viewer-pro › eifflpmocdbdmepbjaopkkhbfmdgijcc
JSON Viewer Pro - Chrome Web Store
Core features: ✅ Beautify JSON response from API ✅ Visual representation of JSON with Chart ✅ Depth traversing of JSON property using breadcrumbs ✅ Access or Traverse via JSON Path navigation Prompt ✅ Write custom JSON in Input area ✅ Configurable Content-Type and JSON Content Detection ✅ Ignore particular websites or URLs from rendering ✅ Import local JSON, YAML and XML files supported ✅ Download JSON file using Context Menu ✅ Dark and Light theme supported ✅ Custom CSS supported ✅ Intuitive User Interface ✅ Copy path of any property and value easily ✅ Access JSON in your console using only json keyword #Keywords: jsonFormatter, JSON, JSONChart, JSONViewer, JSONPlayground, JSONEditor, JSONView
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 - One thing I realized that I had been taking for granted was a super helpful Chrome extension that makes viewing/ understanding JSON data way easier: JSONView. There are a ton of free APIs full of JSON data out there, but sometimes, especially for new developers, it can be hard to make sense of them. They can look like like an overwhelming jumble of nonsense that seems impossible to navigate.
Top answer 1 of 3
8
Firebug and Webkits developer tools display any object, structured and well readable. It seems like you try to output a JSON string instead an object. If thats the case, just parse it into an object before
console.log( JSON.parse( data ) );
and by the way, there are lots of neat methods on the console object, like console.dir() which directly lists an object properties/keys.
2 of 3
7
There are no JSON objects.
There are
Javascript object
JSON data as Javascript string
If you want to display JSON as string in an easily browseable manner do
var obj = JSON.parse(jsonstring);
console.log(obj)
Reddit
reddit.com › r/webdev › chrome extension json viewer
r/webdev on Reddit: Chrome extension JSON viewer
February 11, 2024 -
In case anyone else is needing a way to view large JSON files (10MB+), I wrote this extension for Chrome:
https://chromewebstore.google.com/detail/json-navigator/glgilclfmgofaeffphalkglkgbbpmigf
It loads large JSON files faster than Chrome can generate the preformatted text (by a long shot), and has a lot of useful features that make finding the needles in the haystack easier.
Enjoy :)
Live demo: https://r55man.com/json-navigator/
GitHub
github.com › tulios › json-viewer
GitHub - tulios/json-viewer: It is a Chrome extension for printing JSON and JSONP. · GitHub
It is a Chrome extension for printing JSON and JSONP. - tulios/json-viewer
Starred by 3.5K users
Forked by 726 users
Languages HTML 42.2% | JavaScript 31.2% | CSS 14.4% | SCSS 12.2%
JSON Viewer
jsonviewer.stack.hu
Online JSON Viewer and Formatter
Read more: json.org, wikipedia, google In JSON, they take on the following forms: object, array, value, string and number. Several users reported slow loading speed in Chrome, but I couldn't figure out why. If you have any hints, please get in touch. I've done some tests and looks like Firefox ...
JSON Formatter
jsonformatter.org › json-viewer
JSON Viewer Online Best and Free
Best and Secure JSON Viewer works well in Windows, Mac, Linux, Chrome, Firefox, Safari and Edge.