Rainbow JSON Formatter
Browser extension for printing JSON and JSONP nicely when you visit it 'directly' in a browser tab.
Features
- ✅ JSONP support
✅ Fast, even on long pages✅ Works on any valid JSON page – URL doesn't matter✅ Syntax highlighting with 36 light and dark themes✅ Collapsible trees, with indent guides✅ Line numbers✅ Clickable URLs✅ Buttons for switching between raw and parsed JSON- ✅ Parsed JSON is exported as a global variable,
json
, so you can inspect it in the console ✅ Rainbow braces
A background worker is used to prevent the UI freezing when processing very long JSON pages.
Installation
Option 1 – Install it from the Chrome Web Store
Option 2 – Install it from source:
- Clone/download this repo
- Install dependencies using NPM or Yarn.
- Build the extension:
gulp build:dist
- Side-load the extension in your browser as per below
- Open Chrome and go to
chrome://chrome/extensions/
- Enable "Developer mode"
- Click "Load unpacked extension"
- Select the
build
folder created in step 3
Some URLs to try it on: