There are times when I’m working with JavaScript Object Notation APIs and I need to troubleshoot how I’m parsing the array that’s returned. However, most of the time it’s difficult because it’s just a single string. That’s when a JSON Viewer comes in very handy so that you can indent the hierarchical data, color code it, and then scroll through to find out the information you need.
What is JavaScript Object Notation (JSON)?
JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language Standard ECMA-262 3rd Edition – December 1999. JSON is a text format that is completely language independent but uses conventions that are familiar to programmers of the C-family of languages, including C, C++, C#, Java, JavaScript, Perl, PHP, Python, and many others. These properties make JSON an ideal data-interchange language.
Source: JSON
I’m continuously using them online so I thought I’d find the code and build one myself. I found an example, Pretty Print JSON Data at JSFiddle, a great online site where JavaScript developers share code snippets. I modified the code to take a form input and it works pretty nicely. Just paste your JSON in the form and click Beautify. It will even tell you if it’s not able to parse the JSON. I hope it comes in as handy for you as it does for me! I’ve added it to my Tools!
