JSON Formatter

Instantly transform raw JSON into a beautifully structured and color-coded format.

什麼是JSON Formatter？

JSON Formatter是由Todd Garland開發的Chrome擴展程式，該擴展的主要功能是“Instantly transform raw JSON into a beautifully structured and color-coded format.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載JSON Formatter擴展crx文件

下載JSON Formatter擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

擴展使用說明

                        Improve Your JSON Viewing Experience with JSON Formatter!

When you encounter raw JSON data, it's often just an overwhelming wall of text. Navigating this maze can be tedious and error-prone. But with the enhanced JSON Formatter, you can now visualize, understand, and interact with JSON in ways you never imagined.

Why Choose JSON Formatter?

🌟 Intuitive Visualization: Not only does our extension decode raw JSON to present it in a beautifully structured format, but it also detects colors and shows a small color swatch. With clear indentations, color-coded elements, and organized blocks, you can discern different components at a glance.

🖼️ Image Previews: Whenever images are detected within your JSON data, JSON Formatter will provide a handy preview, making your data more interactive and easier to understand.

🔍 Effortless Navigation: Dive deep into nested structures with our collapsible trees and indent guides. And with the added feature of human-readable timestamps, understanding your data's timeline becomes a breeze.

🔗 Clickable URLs: Found a link within your JSON? It's now instantly clickable! No more copy-pasting. This streamlines your workflow and saves you time.

⏳ Human-Readable Timestamps: No more puzzling over cryptic timestamps. Our extension now converts them into a format that's easy to understand.

🔄 Toggle with Ease: Whether you need the original data or the formatted version, effortlessly switch between raw and parsed views with a simple click.

📤 Export to jsonlint.com: Want to edit your JSON? Easily export it to jsonlint.com and make your modifications there.

🛡️ Safe and Respectful: We prioritize your privacy. Our extension operates client-side, ensuring your data never leaves your browser. No tracking, no data collection, just pure JSON magic.

Speed Up Your Development Workflow

For developers, every second counts. Why squint at unformatted JSON when you can view, interact, and even edit it seamlessly? With JSON Formatter, you're not just reading data; you're experiencing it. Whether you're debugging, analyzing, or just curious, our tool is designed to speed up your workflow.

Install JSON Formatter today and transform chaos into clarity!

擴展基本資訊

名稱 JSON Formatter JSON Formatter
ID ondecobpcidaehknoegeapmclapnkgcl
官方網址 https://chromewebstore.google.com/detail/json-formatter/ondecobpcidaehknoegeapmclapnkgcl
簡介 Instantly transform raw JSON into a beautifully structured and color-coded format.
檔案大小 193 KB
安裝次數 2,563
目前版本 0.03
更新時間 2023-10-17
上架時間 2023-09-24
評分 5.00/5 共 3 次評分
開發者 Todd Garland
電子郵箱 [email protected]
付費類型 free
擴展官網 https://jsonlint.com/json-formatter
說明頁面URL https://github.com/circlecell/jsonformatter
支援的語言 en
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "JSON Formatter",
    "version": "0.03",
    "description": "Instantly transform raw JSON into a beautifully structured and color-coded format.",
    "permissions": [
        "activeTab"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content.js"
            ],
            "css": [
                "styles.css"
            ]
        }
    ],
    "action": {
        "default_icon": {
            "16": "icons\/icon16.png",
            "48": "icons\/icon48.png",
            "128": "icons\/icon128.png"
        }
    },
    "icons": {
        "16": "icons\/icon16.png",
        "48": "icons\/icon48.png",
        "128": "icons\/icon128.png"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "fonts\/MonoLisaVariableNormal.woff2",
                "fonts\/MonoLisaVariableItalic.woff2"
            ],
            "matches": [
                ""
            ]
        }
    ]
}

相關的擴展

Pretty Js
Pretty Js
JSON Formatter
JSON Formatter
JSON Formatter
JSON Formatter
JSON-handle
JSON-handle