Troubleshooting JSON viewing issues

The first question to answer is how are you viewing the JSON file? If you don’t have an IDE installed, then you will probably have two options; your operating system’s (aka OS, likely one of Microsoft’s Windows, Apple’s MAC OS, or a Linux distribution) default text editor, or your web browser. I recommend using your web browser to view JSON files while going through this tutorial

If you’re seeing a wall of techno-gibberish when you open the file…

When viewing JSON in your web browser, the file will be opening in a new browser tab. If the thing you saw in a new browser tab looks like this, then you need to enable JSON formatting in your browser. Here are some instructions for how you can do that

Fixing formatting

Mozilla Firefox

By default, this JSON formatting should be enabled. If you’re having issues, you can type about:config in the address bar, press enter, and then you will be met with the following screen:

An image displaying the 'Accept Risk and Continue' screen displayed by Firefox when visiting the 'about:config' page

You should click “Accept the Risk and Continue”, then in the search bar labelled “Search preference name” type in devtools.jsonview.enabled. If the value that comes up says false, you will will need to toggle it to true with the button on the far right of the screen.

Google Chrome

As I understand it JSON formatting is not a default feature included. There are however a number of free JSON viewing/formatting extensions in the chrome web store which you can download for free to fix this issue for you.

Safari

As I understand it JSON formatting is not a default feature included. There are however a number of free JSON viewing/formatting extensions in the App Store for Mac which you can download for free to fix this issue for you.

Microsoft Edge

Microsoft edge does have a native formatting option, which you can enable by checking the “Pretty-print” checkbox at the top left of the screen when viewing an API response. There are also a number of free extensions on the Edge Add-on store