🐣 New Release: the JSON Hero Chrome extension - a different kind of JSON beautifier in your browser

UpdatedJune 6, 2022

•2 min read•View as Markdown

🐣 New Release: the JSON Hero Chrome extension - a different kind of JSON beautifier in your browser

Eric Allam

Founder at Trigger.dev, the open source background job framework. Creator of jsonhero.io.

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Introducing API Hero: an open-source proxy that makes every API you use faster and more reliable

We’ve tackled two major headaches we’ve had when using APIs: Figuring out what’s going wrong when using an API is painful Slow endpoints can dramatically reduce the speed of your site You only need to add a couple of lines of code in your JavaScrip...

Nov 22, 20223 min read

Introducing API Hero: an open-source proxy that makes every API you use faster and more reliable

How to programmatically create a commit on GitHub using the GitHub API and API Hero

The GitHub REST API is a useful behemoth, currently sitting at 878 endpoints (by our count) and growing. It contains all sorts of useful functionality, from searching for code to rendering markdown, and then some. You can also use it to interact with...

Sep 29, 20227 min read

How to programmatically create a commit on GitHub using the GitHub API and API Hero

How to use the GitHub API directly from your Next.js app using API Hero

TLDR: this will take you less time than you think

Sep 28, 20228 min read

How to use the GitHub API directly from your Next.js app using API Hero

Introducing API Hero: integrate popular APIs in seconds and scale without servers

API Hero in 60 seconds 6 months ago we released JSON Hero, in a bid to 10x the experience of JSON files over conventional methods. Today we're releasing API Hero, in a bid to 10x the experience of integrating APIs into the frameworks you know and lo...

Sep 22, 20226 min read

Introducing API Hero: integrate popular APIs in seconds and scale without servers

API Hero blog

7 posts

A different kind of JSON extension

Most of the popular JSON extensions available in Chrome work in a similar way: detect a pure JSON response and rewrite the document to prettify the JSON blob.

The JSON Hero extension takes a different approach: by default it will leave the JSON blob as-is, and only when clicking on the extension icon in the toolbar will it send the JSON to JSON Hero and open it in a new tab:

You can easily opt-in to automatically viewing JSON blobs with JSON Hero by visiting the extension settings and ticking the "auto-mode" checkbox on.

Warning This will cause any pure JSON responses to be sent to the jsonhero.io service, so please use this feature carefully. If you are running your own instance of JSON Hero, there is also the option of using a Custom Server URL.

More than just JSON

The JSON Hero Chrome extension goes beyond just viewing pure JSON blobs. For Firebase Firestore users, we've added a way to send the currently selected Firestore document to JSON Hero (reading complex documents in the Firestore console is a mess):

Browsing files in a GitHub repo and want to preview a JSON file in JSON Hero? We've got you covered:

We've even added a way to quickly view the Open Graph info of any website in JSON Hero:

More to come

Please install the Chrome extension today and let us know your thoughts and feature ideas on Twitter or over in our Discord. We'd especially be interested to hear of any more integration opportunities for the extension.

And as always, if you'd like to support us please ⭐️ us on GitHub. We've also open-sourced the Chrome extension code here.

Command Palette

Comments

More from this blog

A different kind of JSON extension

More than just JSON

More to come