JsonDiscovery

A browser extension that changes the way you're viewing JSON

Add the extension to your browser:

Chrome Web Store (for Chrome & Edge, see additional instructions)
Firefox Browser Add-ons (see additional instructions)
Releases section

JsonDiscovery is based on Discovery.js which provides powerful features for rapid JSON analysis and beautiful reports on the fly!

Most exciting features:

Show JSON as an interactive tree with highlighting
Easy an object or an array copy to clipboard
Data structure signature (like in TypeScript)
Data transformation with a query using Jora, suggestions on a query typing
Customisation of JSON data presentation (using tables, lists and so on)
Custom data presentation (a report) sharing by a link
Works on any page with a valid JSON – URL/content type doesn't matter (might not work for urls with strict CSP in some cases)
Works on local files (see instructions for Chromium browsers below)
Works offline (doesn't perform any network requests)

Additional instructions

Chrome & Edge

By default installed extensions in Chromium browsers doesn't work in Incognito mode and has no access to local files. If you need these features, then you should enable it:

Head to chrome://extensions
Find JsonDiscovery
Click Details button
Enable Allow in Incognito to make JsonDiscovery work in Incognito mode
Enable Allow access to file URLs to make JsonDiscovery work for local files

Firefox

To make JsonDiscovery work in Firefox you should disable default JSON viewer:

Head to about:config
Search for devtools.jsonview.enabled setting
Toggle the setting to false

Development

Clone the repository, run npm install and start local development server with npm run dev command.

Add dev version of the extension to your browser: