JSON Formatter In Modal

Format JSON in modal dialog with right-click

What is JSON Formatter In Modal?

JSON Formatter In Modal is a Chrome extension developed by cjhsources, and its main feature is "Format JSON in modal dialog with right-click".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download JSON Formatter In Modal Extension CRX File

Download JSON Formatter In Modal 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

                        1.Select the JSON text in the page and right-click to display the formatted JSON in the modal dialog of current page. 
2.Support JSON page(image 2).
3.Double-click a curly bracket/square bracket/parenthesis, it will match another bracket and automatically select the content.
4.Right-click the icon in the upper right corner-> Options, enter the configuration page to set a regular expression, used to replace the selected text before formatting; you can enter multiple replacement operations, separated by "\," will be serially replaced in order(image 3、4).
5.Automatically remove illegal characters outside the first and last brackets of text(image 5).
6.Support to select only one or more key-value pairs.
7.Click the mask layer to close the modal dialog


1.在页面中选中一段JSON文本,然后右键单击在当前页面中弹框(modal-dialog)显示格式化后的内容
2.支持JSON页面(图2)
3.双击一个花/中/圆括号,会匹配另一个括号并自动选中其中的内容
4.右击右上角图标->选项, 进入配置页面设置正则表达式,用于在格式化之前对选中文本进行替换操作;可以输入多个替换操作,以"\,"分隔,会按顺序进行串行替换(图3、4)
5.自动去除文本首尾括号外的不合法字符(图5)
6.支持仅选择一个或多个键值对
7.单击遮罩层可关闭弹框                    

Extension Basic Information

Name JSON Formatter In Modal JSON Formatter In Modal
ID ncdidcnbpdoofpdokhdnmoicmhgicgkl
Official URL https://chromewebstore.google.com/detail/json-formatter-in-modal/ncdidcnbpdoofpdokhdnmoicmhgicgkl
Description Format JSON in modal dialog with right-click
File Size 29.26 KB
Installation Count 237
Current Version 1.1.0
Last Updated 2020-06-05
Publish Date 2020-06-05
Rating 5.00/5 Total 4 Ratings
Developer cjhsources
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "JSON Formatter In Modal",
    "version": "1.1.0",
    "description": "Format JSON in modal dialog with right-click",
    "author": "cjh",
    "icons": {
        "48": "icon.png",
        "128": "icon.png"
    },
    "background": {
        "page": "background\/background.html"
    },
    "options_ui": {
        "page": "options\/options.html",
        "open_in_tab": false
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "contentScript\/tool.js",
                "contentScript\/getFormattedHtml.js",
                "contentScript\/template.js",
                "contentScript\/renderModal.js",
                "contentScript\/xhrFormat.js",
                "contentScript\/dom.js",
                "contentScript\/bracketMatch.js"
            ],
            "run_at": "document_start"
        }
    ],
    "permissions": [
        "contextMenus",
        "activeTab",
        "storage"
    ]
}