JSON Beautifier & Editor

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

What is JSON Beautifier & Editor?

JSON Beautifier & Editor is a Chrome extension developed by yokris.dev, and its main feature is "Display JSON objects by transforming them into Syntax editable highlighted HTML to validate, format, and save".

Extension Screenshots

screenshot

Download JSON Beautifier & Editor Extension CRX File

Download JSON Beautifier & Editor extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.

Extension Basic Information

Name JSON Beautifier & Editor JSON Beautifier & Editor
ID lpopeocbeepakdnipejhlpcmifheolpl
Official URL https://chromewebstore.google.com/detail/json-beautifier-editor/lpopeocbeepakdnipejhlpcmifheolpl
Description Display JSON objects by transforming them into Syntax editable highlighted HTML to validate, format, and save
File Size 523 KB
Installation Count 29,641
Current Version 0.4.3
Last Updated 2024-01-13
Publish Date 2020-06-06
Rating 4.72/5 Total 29 Ratings
Developer yokris.dev
Email [email protected]
Payment Type free
Extension Website https://webextension.org/listing/json-beautifier.html
Help Page URL https://webextension.org/listing/json-beautifier.html
Privacy Policy Page URL https://add0n.com/policies/yokris.dev.txt
Supported Languages de,en,fr,nl,es,it,pl,pt-BR,pt-PT,ru,zh-CN,ja
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "version": "0.4.3",
    "name": "JSON Beautifier & 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\/img\/*.svg",
                "\/data\/view\/loading.svg",
                "\/data\/page\/index.html"
            ],
            "matches": [
                ""
            ]
        }
    ],
    "action": [],
    "commands": {
        "_execute_action": []
    }
}

Related Extensions

Pretty Js
Pretty Js
JSON-handle
JSON-handle
DJSON. JSON Viewer & Formatter
DJSON. JSON Viewer & Formatter
JSONVue
JSONVue
JSON Formatter
JSON Formatter
JSON Formatter
JSON Formatter