fancytools.app

The most beautiful and customizable JSON / JSONP highlighter,Makes JSON / JSONP easy to read. Open source.

Latest Version

Version

1.0.0

Update

October 22, 2024

Size

751KiB

Developer

fancytools.app

JSON Formatter Extension

JSON Formatter – The Ultimate Chrome Extension for JSON and JSONP

Discover the most beautiful and customizable JSON/JSONP highlighter your eyes have ever seen. This open-source Chrome extension is designed to make JSON and JSONP easy to read and manipulate.

Key Features

- Auto-Formatting: Automatically formats JSON when loaded in a browser tab.
- Syntax Highlighting: Enhances readability with vibrant syntax colors.
- Built-in Themes: Choose from 27 pre-built themes or customize your own.
- Dark Mode: Optional dark mode 🌚 for comfortable viewing.
- Collapsible Nodes: Easily expand and collapse JSON trees with indent guides.
- Clickable URLs: Interact directly with URLs within your JSON (optional).
- Omnibox Integration: Type `json-viewer` + TAB and paste your JSON into the omnibox, hit ENTER, and get it highlighted.
- Line Numbers: Option to show line numbers for better navigation.
- Customizable Tab Size: Adjust tab sizes to fit your coding style.
- Large Number Support: Handles numbers larger than `Number.MAX_VALUE`.
- Configurable Limits: Set a maximum JSON size for highlighting.
- Header Info: Option to include a header with timestamp and URL.
- Editable JSON: Edit your JSON directly within the extension.
- Key Sorting: Option to sort JSON keys.
- C-Style Formatting: C-style braces and arrays options available.
- Scratch Pad: Type or paste JSON and format indefinitely using a button or key shortcut—simply type `json-formatter` + `TAB` + `scratch pad` ENTER.

Performance

- Fast Processing: Handles even very long JSON pages efficiently.
- Minimal Impact: Negligible performance impact on non-JSON pages (less than 1 millisecond).

Usage Notes

- Compatibility: This extension might clash with other JSON highlighters/formatters. If it doesn’t work, try disabling other extensions.
- Local Files & Incognito Mode: Enable these options manually on the extensions page to highlight local files and incognito tabs.
- Chrome Updates: After an update, Chrome might leave an old background process running, revoking some permissions like access to local files. Simply recheck the required options to restore functionality.

Privacy

No tracking, no advertising, and nothing else nefarious. Your privacy is our priority.

Try It Out

Enhance your JSON viewing and debugging experience with this exceptional Chrome extension. Download now and elevate your workflow!

Download JSON Formatter from the Chrome Web Store today!

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"__MSG_extName__",
"description":"__MSG_extDescription__",
"version":"1.0.0",
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png",
"256":"icon/256.png",
"512":"icon/512.png"},
"default_locale":"en",
"permissions":["tabs",
"webRequest",
"activeTab",
"scripting"],
"host_permissions":[""],
"content_scripts":[{"matches":[""],
"js":["/content-scripts/content.js"],
"run_at":"document_idle"},{"matches":[""],
"js":["content-scripts/content.js"]}],
"web_accessible_resources":[{"resources":["index.html",
"/codeMirror/**"],
"matches":[""]}],
"content_security_policy":{"extension_pages":"script-src 'self'; object-src 'self'"},
"background":{"type":"module",
"service_worker":"background.js"},
"action":{"default_title":"__MSG_extName__",
"default_icon":"icon/128.png"},
"omnibox":{"keyword":"json-formatter"},
"commands":{"_execute_action":{"suggested_key":{"default":"Ctrl+Shift+F",
"mac":"MacCtrl+Shift+F"},
"description":"Opens the sidebar"}}}

Download CRX(751KiB)