JSON is a very popular file format. Sometimes we may have a JSON object inside a browser tab that we need to read and it can be difficult. We may need to go and search for an online tool that turns it into an easy-to-read format, so that we can understand it. Now here is a Chrome and Firefox extension that does the formatting and makes your JSONs instantly pretty inside your browser, without having to go and do many unnecessary steps.
It comes with support for JSON and JSONP and highlights the
syntax, so that you can differentiate different attributes and
values accordingly. It also comes with the option to collapse
nodes, clickable URLs that you can open in new tabs and also
see the raw unformatted JSON. It works with any JSON page,
regardless of the URL that you have opened. It also works with
local files, after you have enabled it in chrome://extensions.
You can also inspect the JSON by typing “json” in the
console.
You can install it by going here for Chrome and here for Firefox and then test it with the following examples.
Here is also a pro tip that is listed in its description: Hold down control (or cmd on Mac) while collapsing a tree if you want to collapse all its siblings too.
It is also an open-source project, so you can go and view its source code here.
It also claims that it does not do any type of tracking, or putting any advertising to you. You can of course go and check that yourself by viewing its source code.