Makes JSON easy to read. Open source.

Latest Version

Version
0.7.3
Update
March 28, 2024
Size
19.86KiB
Developer
callumlocke.com
Category
Users
2,000,000+
Rating
4.58687 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

JSON Formatter Extension

The original JSON Formatter, now with optional dark mode 🌚

Auto-formats JSON when you load it in a browser tab.

FEATURES

- Fast, even on very long JSON pages
- Dark mode
- Syntax highlighting
- Collapsible trees, with indent guides
- Clickable URLs
- Negligible performance impact on non-JSON pages (less than 1 millisecond)
- Works on any valid JSON page – URL doesn't matter
- Buttons for toggling between raw and parsed JSON

Note: this extension might clash with other browser extensions that modify the DOM before it runs. If it doesn't seem to be working, try disabling other extensions. If it clashes with an extension you need, open an issue and I'll try to find a solution.

SOME EXAMPLE JSON PAGES to try it out on:
https://callumlocke.github.io/json-formatter/

PRO TIP
Hold down control (or cmd on Mac) while collapsing a tree - collapses all siblings too.

PRIVACY
No tracking, no advertising, and nothing else nefarious.

SOURCE CODE
github.com/callumlocke/json-formatter

ISSUES
github.com/callumlocke/json-formatter/issues

WHO MADE THIS
twitter.com/callumlocke
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "JSON Formatter", "version": "0.7.3", "manifest_version": 3, "description": "Makes JSON easy to read. Open source.", "homepage_url": "https://github.com/callumlocke/json-formatter", "minimum_chrome_version": "88", "icons": { "128": "icons/128.png", "32": "icons/32.png" }, "content_scripts": [ { "matches": [""], "js": ["content.js"], "run_at": "document_end" } ], "permissions": ["storage"], "host_permissions": ["*://*/*", ""], "options_ui": { "page": "options/options.html", "open_in_tab": false }}
Read more

Similar Extensions

icon

JSON Viewer Extension · Developer Tools 2,000,000+ 1082 ★ 310KiB

icon

JSONVue Extension · Developer Tools 2,000,000+ 2651 ★ 181KiB

icon

JSON Formatter Extension · Developer Tools 2,000,000+ 33 ★ 102KiB

icon

JSON Beautifier and Editor Extension · Productivity 2,000,000+ 36 ★ 450KiB

icon

React Developer Tools Extension · Developer Tools 2,000,000+ 1576 ★ 1.56MiB

icon

Clockwork Extension · Developer Tools 2,000,000+ 74 ★ 2.26MiB

icon

JSON Formatter Extension · Developer Tools 2,000,000+ 65 ★ 40.9KiB

icon

Postman Interceptor Extension · Developer Tools 2,000,000+ 957 ★ 478KiB

icon

Vue.js devtools Extension · Developer Tools 2,000,000+ 2131 ★ 2.57MiB

icon

JSON Formatter Extension · Developer Tools 2,000,000+ 22 ★ 30.93KiB

icon

JSON-handle Extension · Developer Tools 2,000,000+ 450 ★ 193KiB

icon

JSON Formatter Extension · Developer Tools 2,000,000+ 8 ★ 268KiB

icon

PHPView Extension · Developer Tools 2,000,000+ 40 ★ 88.99KiB

icon

Laravel TestTools Extension · Developer Tools 2,000,000+ 67 ★ 449KiB

icon

Redux DevTools Extension · Developer Tools 2,000,000+ 726 ★ 1.2MiB

icon

var_masterpiece Extension · Developer Tools 2,000,000+ 70 ★ 68.72KiB

icon

JSON Viewer Extension · Developer Tools 2,000,000+ 157 ★ 104KiB

icon

OctoLinker Extension · Developer Tools 2,000,000+ 110 ★ 184KiB

icon

Apollo Client Devtools Extension · Developer Tools 2,000,000+ 266 ★ 490KiB

icon

React Context DevTool Extension · Developer Tools 2,000,000+ 21 ★ 2.35MiB

icon

Octotree - GitHub code tree Extension · Developer Tools 2,000,000+ 1139 ★ 3.54MiB

icon

XML Tree Extension · Developer Tools 2,000,000+ 555 ★ 422KiB

icon

Allow CORS: Access-Control-Allow-Origin Extension · Productivity 2,000,000+ 279 ★ 78.31KiB

icon

Vue.js devtools (beta) Extension · Developer Tools 2,000,000+ 149 ★ 2.54MiB

User reviews

icon

Rachel Howell (ID: 000000ba675ad4a0) Voted 5 ★ - Updated 10/10/2023 So good at formatting my JSONs.

icon

Gabriel (ID: 000000d0ad8edf02) Voted 1 ★ - Updated 10/08/2023 it does work good when it works. But there is some seriously bad logic on detecting wheter page is json or not, if there is a pre tag that kinda looks like json, it pretty much corrupts a regular html page that has nothing to do with json! The fix is easy, if you dont want to respect the content type tag (which is a form of standard and should be respected, or create a setting for it) then it should not scan page for all

 elements but instead check if there is ONLY 1 pre element then consider it, its bad because if a complete html page is perfectly valid and there is a small pre tag in the end of html, it will take that tag and rearrange the html making regular non json pages display incorrectly
                                            

icon

Noelle Nielson (ID: 000000991b4f94cb) Voted 5 ★ - Updated 10/06/2023 This is amazing! So much easier than copying and pasting into an online formatter. I didn't realize this was a thing until just barely and it works flawlessly. Makes life so much easier!

icon

Carlos Lopez Alvarado (ID: 0000008f518dd3e8) Voted 5 ★ - Updated 09/25/2023 justo lo que buscaba, es muy útil, gracias

icon

Prince Ani (ID: 0000005572482e93) Voted 5 ★ - Updated 09/06/2023 Perfect. Makes my work so much easier.