JSON Beautifier & Editor

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

什么是JSON Beautifier & Editor？

JSON Beautifier & Editor是由yokris.dev开发的Chrome扩展程序，该扩展的主要功能是“Display JSON objects by transforming them into Syntax editable highlighted HTML to validate, format, and save”。

扩展截图

screenshot

下载JSON Beautifier & Editor扩展crx文件

下载JSON Beautifier & Editor扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。

扩展使用说明

                        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.

扩展基本信息

名称 JSON Beautifier & Editor JSON Beautifier & Editor
ID lpopeocbeepakdnipejhlpcmifheolpl
官方URL https://chromewebstore.google.com/detail/json-beautifier-editor/lpopeocbeepakdnipejhlpcmifheolpl
简介 Display JSON objects by transforming them into Syntax editable highlighted HTML to validate, format, and save
文件大小 523 KB
安装次数 29,641
当前版本 0.4.3
更新时间 2024-01-13
上架时间 2020-06-06
评分 4.72/5 共29次评分
开发者 yokris.dev
电子邮箱 [email protected]
付费类型 free
扩展官网 https://webextension.org/listing/json-beautifier.html
帮助页面URL https://webextension.org/listing/json-beautifier.html
隐私政策页面URL https://add0n.com/policies/yokris.dev.txt
支持的语言 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": []
    }
}

相关的扩展

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