Browser extension that changes the way you're viewing JSON

Latest Version

Version
1.15.0
Update
November 27, 2024
Size
255KiB
Developer
Category
Users
5,000+
Rating
4.86364 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

JsonDiscovery Extension

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)
- Customisation (report) sharing by a link
- Works on any page with a valid JSON – URL/content type doesn't matter
- Works on local files, if it's enabled on extension's settings page (navigate to chrome://extensions, find JsonDiscovery, click \"Details\" button, then toggle \"Allow access to file URLs\" switch)
- Works offline (doesn't perform any network request)

Read more:
- on Medium: https://blog.usejournal.com/changing-a-way-were-viewing-json-in-a-browser-51eda9103fa2
- on Habr (in Russian): https://habr.com/ru/post/461185/
Extension is open source project: https://github.com/discoveryjs/browser-extension-json-discovery
Built on Discovery.js projects (https://github.com/discoveryjs/discovery)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "version": "1.15.0", "name": "JsonDiscovery", "short_name": "JsonDiscovery", "description": "Browser extension that changes the way you're viewing JSON", "author": "exdis", "manifest_version": 3, "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }, "permissions": [ "storage" ], "host_permissions": [ "*://*/*" ], "content_scripts": [ { "js": [ "content-script.js" ], "run_at": "document_start", "matches": [ "" ] } ], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'; style-src 'self' 'unsafe-inline';" }, "background": { "service_worker": "background.js", "type": "module" }, "action": { "default_title": "Click to open sandbox" }, "sandbox": { "pages": [ "sandbox.html", "sandbox-app.html" ] }, "web_accessible_resources": [ { "resources": [ "sandbox.html", "app.html", "app.js", "app-styles.js", "discovery.js", "discovery.css", "icons/*", "assets/*" ], "matches": [ "" ] } ], "offline_enabled": true}
Read more