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:

1. Clone/download this repo
2. Install dependencies using NPM or Yarn.
3. Build the extension: gulp build:dist
4. Side-load the extension in your browser as per below
5. Open Chrome and go to chrome://chrome/extensions/
6. Enable "Developer mode"
7. Click "Load unpacked extension"
8. Select the build folder created in step 3

Some URLs to try it on:

• https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=contributors&format=json
• http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=jsonp&tags=json&tagmode=any&format=json