Browser extension for printing JSON and JSONP nicely when you visit it 'directly' in a browser tab.
- 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
A background worker is used to prevent the UI freezing when processing very long JSON pages.
Option 1 – Install it from the Chrome Web Store or Windows 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
Chrome
- Open Chrome and go to
chrome://chrome/extensions/
- Enable "Developer mode"
- Click "Load unpacked extension"
- Select the
build
folder created in step 3
Edge
- Open Edge and go to
about:flags
- Enable the option "Enable extension developer features" and restart the browser
- Click on the ellipsis (...) menu, click "Extensions", and click "Load extension"
- Select the
build
folder created in step 3
Some URLs to try it on: