Display JSON objects by transforming them into Syntax editable highlighted HTML to validate, format, and save

Latest Version

Version
0.5.6
Update
October 27, 2024
Size
450KiB
Developer
Category
Users
30,000+
Rating
4.77778 ★
Manifest Version
3
Web Store Status
Languages Support
Deutsch
English
Français
Nederlands
Español
Italiano
Polski
Português (Brasil)
Português (Portugal)
русский
中文 (简体)
日本語
한국어
See more
Permissions
Storage
ContextMenus
Scripting
See more

JSON Beautifier and Editor Extension

This extension monitors JSON pages and converts them into a human-readable object. You can view, edit, search through values and keys. You can even change the format of a key or drag it into a new place. There is no need to do anything after installation. Just open a JSON page and the extension automatically converts the page into the editor mode.

As of version 0.2.0, the extension uses a dark theme if your browser's default theme is dark.

Supported mime types:
► application/json
► application/x-javascript
► application/hal+json
► application/vnd.error+json
► application/vnd.api+json
► text/javascript
► text/x-javascript
► text/x-json
► text/plain

FEATURES
► Supports both JSON & JSONP formats
► Has light and dark syntax highlighting themes
► Supports collapsible trees
► Converts text links into clickable URLs
► Supports raw, code, and parsed JSON views
► Keeps expanded structure when refreshing the JSON page
► Copy Object Path
► Copy Outer JSON
► Copy Inner JSON
► Open a new editor to write a new JSON object
► Open a new editor from selection text (right-click context menu)
► Supports large numbers (BigInt, BigFloat, ...)

--

Change Logs:
0.1.3:
1. It is now possible to beautify local (file://) JSON files.
2. Extension now uses \"persistent = false\" background page (event page) to have no performance effect when it is not used.
0.1.6:
1. It is now possible to change the view mode to \"Tree\", \"Code\", and \"Text\" modes. The coding mode is useful to edit the raw JSON, and the text mode is useful to copy the raw data. The default view is the tree view which displays the JSON in a formatted and highlighted format.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "0.5.6", "name": "JSON Beautifier and Editor", "description": "__MSG_description__", "default_locale": "en", "permissions": [ "storage", "contextMenus", "scripting" ], "host_permissions": [ "" ], "background": { "service_worker": "worker.js" }, "content_scripts": [{ "run_at": "document_start", "matches": [""], "js": ["/data/file.js"] }], "icons": { "16": "/data/icons/16.png", "32": "/data/icons/32.png", "48": "/data/icons/48.png", "64": "/data/icons/64.png", "128": "/data/icons/128.png", "256": "/data/icons/256.png", "512": "/data/icons/512.png" }, "homepage_url": "https://webextension.org/listing/json-beautifier.html", "web_accessible_resources": [{ "resources": [ "/data/view/json-editor/standalone.js", "/data/view/loading.svg", "/data/page/index.html" ], "matches": [""] }], "action": {}, "commands": { "_execute_action": {} }}
Read more