JSON Formatter

Formats JSON automatically! Open Source, Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.

JSON Formatterคืออะไร?

JSON Formatter เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://json-formatter.js.org และคุณลักษณะหลักของมันคือ "Formats JSON automatically! Open Source, Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย JSON Formatter

ดาวน์โหลดไฟล์ส่วนขยาย JSON Formatter ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        JSON Formatter automatically formats and prettifies JSON in Chrome. It comes with support for syntax highlighting and over 60 themes. It also makes links clickable automatically and has multiple modes to view JSON, including Parsed Mode, Formatted Raw Mode, and Raw Mode.

You can toggle between modes using shortcut keys:

Parsed Mode: P key
Formatted Raw Mode: Shift + R key
Raw Mode: R key
Toggle Dark Mode: D key
Toggle Toolbar: T key

Features:
● Over 60 themes for both light and dark mode
● Syntax highlighting
● Works offline
● No tracking or analytics
● Word wrapping and sorting order to stay organized
● Works with any JSON webpage
● Makes links clickable
● Formats JSON automatically
● Raw, Formatted Raw, and Parsed Mode
● Remembers theme preferences
● Shortcut keys for ease of use
● Collapsible toolbar

Note: By default, the extension theme is "System Default." It will change according to your browser's theme. If you want it to be the theme of your choice, you have to set it from the "Extension Settings" or "Extension Options."

To change the default formatting option and other settings, set your desired option in the extension settings.

To make JSON Formatter work properly on all kinds of sites, in the extension permissions, change "Allow this extension to read and change all your data on websites you visit" from "On Click" to "On all sites," if not already set.

To use JSON Formatter in local files, enable "Allow access to file URLs" in the extension settings.

To use JSON Formatter in Incognito mode, enable "Allow in Incognito" in the extension settings.

Some URLs to test on:
https://type.fit/api/quotes
https://api.github.com/users
https://api.github.com/users/arnav-kr
https://api.github.com/repos/arnav-kr/arnav-kr/readme
https://api.npms.io/v2/search?q=soloalert
https://anapioficeandfire.com/api/houses/1

Created By:
Arnav Kumar,
GitHub: https://github.com/arnav-kr
Twitter: https://twitter.com/arnavkr_

Sponsor me:
https://github.com/sponsors/arnav-kr

Source code:
https://github.com/arnav-kr/json-formatter/

Bug reports and suggestions:
https://github.com/arnav-kr/json-formatter/issues/

Changelog:
https://github.com/arnav-kr/json-formatter/blob/main/CHANGELOG.md                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ JSON Formatter JSON Formatter
ID gpmodmeblccallcadopbcoeoejepgpnb
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/json-formatter/gpmodmeblccallcadopbcoeoejepgpnb
คำอธิบาย Formats JSON automatically! Open Source, Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.
ขนาดไฟล์ 92.44 KB
จำนวนการติดตั้ง 33,731
เวอร์ชันปัจจุบัน Version 2.0.5 Beta
อัปเดตครั้งล่าสุด 2023-10-15
วันที่เผยแพร่ 2021-09-08
คะแนน 4.43/5 รวมทั้งหมด 23 คะแนน
ผู้พัฒนา https://json-formatter.js.org
อีเมล [email protected]
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://github.com/arnav-kr/json-formatter/
URL หน้าช่วยเหลือ https://github.com/arnav-kr/json-formatter/issues/
ภาษาที่รองรับ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "JSON Formatter",
    "short_name": "JSON Formatter",
    "version": "2.0.5",
    "version_name": "Version 2.0.5 Beta",
    "manifest_version": 3,
    "description": "Formats JSON automatically! Open Source, Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.",
    "author": "Arnav",
    "homepage_url": "https:\/\/github.com\/arnav-kr\/json-formatter",
    "minimum_chrome_version": "88",
    "offline_enabled": true,
    "options_ui": {
        "page": "options.html",
        "open_in_tab": false
    },
    "action": {
        "default_icon": {
            "16": "images\/icons\/icon_round_16.png",
            "32": "images\/icons\/icon_round_32.png",
            "48": "images\/icons\/icon_round_48.png",
            "64": "images\/icons\/icon_round_64.png",
            "72": "images\/icons\/icon_round_72.png",
            "128": "images\/icons\/icon_round_128.png",
            "256": "images\/icons\/icon_round_256.png",
            "384": "images\/icons\/icon_round_384.png",
            "512": "images\/icons\/icon_round_512.png",
            "1024": "images\/icons\/icon_round_1024.png"
        },
        "default_title": "JSON Formatter - Edit Preferences",
        "default_popup": "options.html"
    },
    "icons": {
        "16": "images\/icons\/icon_round_16.png",
        "32": "images\/icons\/icon_round_32.png",
        "48": "images\/icons\/icon_round_48.png",
        "64": "images\/icons\/icon_round_64.png",
        "72": "images\/icons\/icon_round_72.png",
        "128": "images\/icons\/icon_round_128.png",
        "256": "images\/icons\/icon_round_256.png",
        "384": "images\/icons\/icon_round_384.png",
        "512": "images\/icons\/icon_round_512.png",
        "1024": "images\/icons\/icon_round_1024.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/globals.js",
                "js\/utils.js",
                "js\/content.js"
            ],
            "css": [
                "css\/content.css"
            ],
            "run_at": "document_start"
        }
    ],
    "host_permissions": [
        "*:\/\/*\/*",
        ""
    ],
    "permissions": [
        "storage",
        "unlimitedStorage"
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "images\/*",
                "js\/*",
                "css\/*",
                "*.html"
            ],
            "matches": [
                ""
            ]
        }
    ]
}