The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. Open source at https://goo.gl/fmphc7

Latest Version

Version
0.18.1
Update
December 23, 2020
Size
310KiB
Developer
Category
Users
1,000,000+
Rating
4.53882 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
*://*/*

See more

JSON Viewer Extension

It is a Chrome extension for printing JSON and JSONP.

Notes:
* This extension might crash with other JSON highlighters/formatters, you may need to disable them
* To highlight local files and incognito tabs you have to manually enable these options on the extensions page
* Sometimes when the plugin updates chrome leaves the old background process running and revokes some options, like the access to local files. When this happen just recheck the option that everything will work again
* Works on local files (if you enable this in chrome://extensions)

Features
* Syntax highlighting
* 27 built-in themes
* Collapsible nodes
* Clickable URLs (optional)
* URL does not matter (the content is analysed to determine if its a JSON or not)
* Inspect your json typing \"json\" in the console
* Hot word `json-viewer` into omnibox (type `json-viewer` + TAB and paste your JSON into omnibox, hit ENTER and it will be highlighted)
* Toggle button to view the raw/highlighted version
* Works with numbers bigger than Number.MAX_VALUE
* Option to show line numbers
* Option to customize your theme
* Option to customize the tab size
* Option to configure a max JSON size to highlight
* Option to collapse nodes from second level + Button to unfold all collapsed nodes
* Option to include a header with timestamp + url
* Option to allow the edition of the loaded JSON
* Option to sort json by keys
* Option for C-style braces and arrays
* Scratch pad, a new area which you can type/paste JSON and format indefinitely using a button or key shortcut. To access type `json-viewer` + `TAB` + `scratch pad` ENTER

This plugin is open source
https://github.com/tulios

Bugs and suggestions
https://github.com/tulios/json-viewer/issues

Contributors
Thiago Pontes (@thiagopnts)
@bluec0re
@North101
Ben Hollander (@benhollander)
Mehdi Bahrami (@mehdibahraami)
Reimund Trost (@reimund)
Ben van Enckevort (@benvan)

License
MIT License

Any questions tweet me @tulios
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "JSON Viewer", "version": "0.18.1", "manifest_version": 2, "author": "Tulio Ornelas ", "description": "The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. Open source at https://goo.gl/fmphc7", "homepage_url": "https://github.com/tulios/json-viewer", "minimum_chrome_version": "21", "icons": { "16": "icons/16.png", "32": "icons/32.png", "128": "icons/128.png" }, "web_accessible_resources": [ "assets/viewer.css", "assets/viewer-alert.css", "pages/options.html", "pages/omnibox.html", "themes/light/base16-light.css", "themes/light/coy.css", "themes/light/funky.css", "themes/light/mdn-like.css", "themes/light/neo.css", "themes/light/solarized_light.css", "themes/light/yeti.css", "themes/dark/3024-night.css", "themes/dark/ambiance.css", "themes/dark/base16-dark.css", "themes/dark/cobalt.css", "themes/dark/dark.css", "themes/dark/dracula-custom.css", "themes/dark/dracula.css", "themes/dark/jellybeans.css", "themes/dark/material.css", "themes/dark/mbo.css", "themes/dark/mehdi.css", "themes/dark/midnight.css", "themes/dark/monokai.css", "themes/dark/okaidia.css", "themes/dark/panda-syntax.css", "themes/dark/solarized_dark.css", "themes/dark/tomorrow.css", "themes/dark/twilight.css", "themes/dark/zenburn.css" ], "offline_enabled": true, "omnibox": { "keyword": "json-viewer" }, "options_page": "pages/options.html", "content_scripts": [ { "matches": [ "" ], "js": [ "assets/viewer.js" ], "run_at": "document_start" } ], "background": { "scripts": [ "assets/backend.js", "assets/omnibox.js" ], "persistent": false }, "permissions": [ "*://*/*", "" ]}
Read more

Similar Extensions

icon

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

icon

JSON Formatter Extension · Developer Tools 1,000,000+ 1859 ★ 19.86KiB

icon

JSON Viewer Pro Extension · Developer Tools 1,000,000+ 137 ★ 349KiB

icon

JSON Viewer Extension · Developer Tools 1,000,000+ 45 ★ 140KiB

icon

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

icon

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

icon

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

icon

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

icon

JSONView Extension · Developer Tools 1,000,000+ 37 ★ 82.85KiB

icon

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

icon

DJSON. JSON Viewer & Formatter Extension · Developer Tools 1,000,000+ 68 ★ 126KiB

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

daily.dev | The homepage developers deserve Extension · Developer Tools 1,000,000+ 2460 ★ 2.28MiB

icon

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

icon

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

icon

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

User reviews

icon

Levan Kekelidze (ID: 000000475d713e03) Voted 5 ★ - Updated 10/20/2023 Really useful extension. It has quite flexible configurations, like enabling line numbers, default folding on or off, using different themes etc. Plus it has a search functionality with support of regex, so you can search inside the displayed JSON. Thank you!

icon

Su Min (ID: 00000032aabb71d6) Voted 4 ★ - Updated 10/10/2023 chrome 失效的解决方案:在浏览器输入 chrome://flags,搜索 json,将 Enable network logging to file 设置为 enable,重启浏览器就可以正常使用了

icon

linkenparis (ID: 000000aa3f1419f7) Voted 5 ★ - Updated 10/04/2023 Does not work anymore

icon

Alexander Filippovsky (ID: 0000009ee12fe360) Voted 5 ★ - Updated 09/29/2023 перестал работать после обновления chrome( ОЧЕНЬ ждем фикса, расширение очень помогает, огромное спасибо разработчику!

icon

程龙龙 (ID: 00000013f2c81ab3) Voted 4 ★ - Updated 09/28/2023 chrome失效,怎样解决