Browser extension that changes the way you're viewing JSON
Download it from:
- Chrome Web Store
- Firefox Add-ons
- Releases section.
Extension based on Discovery.js which allows you to discover JSON-documents and APIs and make beautiful reports on the fly!
- 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)
- Customisation (report) sharing by a link
- Works on any page with a valid JSON โ URL/content type doesn't matter
- Works on local files (see below)
- Works offline (doesn't perform any network request)
Read more on Medium or on Habr (in Russian)
- Navigate to "chrome://extensions/" in the url bar
- Click "Developer mode" in top right corner
- Click "Load unpacked"
- Find the folder where you extracted ZIP file
- That's it!
- Navigate to chrome://extensions
- Find JsonDiscovery
- Click "Details" button
- Toggle "Allow access to file URLs" switch
- Navigate to "about:debugging" in the URL bar
- Click "Load Temporary Add-on"
- Find the folder containing extension ZIP archive and select it
- That's it!
By default Firefox uses its own JSON viewer. To disable it you should:
- Navigate to "about:config"
- In search field type 'devtools.jsonview.enabled'
- Toggle this setting to false
For local development clone repository, run npm install
inside repo directory and start local development server with npm run dev
command.
Install builded extension to your browser from build-chrome
or build-firefox
directories.