/rainbow-json-formatter

Simply makes JSON looks beautiful.

Primary LanguageJavaScriptMIT LicenseMIT

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: