JSON Formatter

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

What is JSON Formatter?

JSON Formatter is a Chrome extension developed by Todd Garland, and its main feature is "Instantly transform raw JSON into a beautifully structured and color-coded format.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download JSON Formatter Extension CRX File

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

                        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!                    

Extension Basic Information

Name JSON Formatter JSON Formatter
ID ondecobpcidaehknoegeapmclapnkgcl
Official URL https://chromewebstore.google.com/detail/json-formatter/ondecobpcidaehknoegeapmclapnkgcl
Description Instantly transform raw JSON into a beautifully structured and color-coded format.
File Size 193 KB
Installation Count 2,563
Current Version 0.03
Last Updated 2023-10-17
Publish Date 2023-09-24
Rating 5.00/5 Total 3 Ratings
Developer Todd Garland
Email [email protected]
Payment Type free
Extension Website https://jsonlint.com/json-formatter
Help Page URL https://github.com/circlecell/jsonformatter
Supported Languages 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": [
                ""
            ]
        }
    ]
}