Json Beautifier
Convert JSON Strings to a Friendly Readable Format
Make a Donation
PayPal
FlattrBitcoin
Please use this Bitcoin Address:1F6Ge3GHiEqyVTJKg364WqPAnV7F9WF6bg
Download Links
Advertisement
Json Beautifier is a tool to automatically view, edit, format, and validate JSON pages. There is no need to do anything to activate the extension. The extension automatically converts JSON pages when mime type of a page matches to a valid JSON format. After page is loaded, the JSON viewer validates the object and if parser return successful object, the JSON object is displayed in an editable UI else the data is displayed in raw format.
image

Features

FAQ

  1. What is "JSON Beautifier" extension and how does it work?

    The extension installs an observer for top frame loads. When a frame has a mime type that may belong to a JSON object, a small code is injected into the page. When page loading is finished (which means the entire JSON object is fetched), the content will be parsed. On successful object parsing, an editor instance is created and the entire object is fed to the editor instance. You can see all the available keys and their values. You can even edit them or search through all the keys or values. There is a built-in tool to drag and drop objects to different places as well.

    Please note that this extension use https://github.com/tulios/json-viewer project for displaying JSON objects.

  2. How does the extension detect JSON pages?

    Each web page when loads, it sends "content-type" header along with the headers so that browser knows how to handle this request. By installing this extension, an observer is installed for tracking these headers only for the top frame requests. If a matching mime type is detected, an script is injected into the page waiting for the entire data to be available. You will see a loading effect when the script is injected. Once the entire data is available, the script tries to parse the data and validate its content. If validation passes, the data is sent to an editor instance for displaying the result.

  3. What are the available editing options in the editor?

    You can edit the type of nodes to Auto, Array, Object, and String formats. Use Auto format to allow the extension to decide the format. Also you can sort the children of a node in ascending or descending orders. Both of these operations are available through the selector box at the left side of an object (node). Also you can drag and drop nodes to change their place.

  4. What's new in this version?

    Please check the Logs section.

  5. Can I expand or collapse all the available fields all-together?

    Yes, there are two action buttons on top left side of the editor that allows you to expand or collapse all nodes. After a JSON object is fully loaded, only the first level keys are expanded. You can use these buttons to expand the entire JSON object to the last level or collapse the entire node to the zero level.

  6. How can I test JSON Beautifier extension?

    Here is a list of sample JSON files. Open these files in your browser after the extension is installed to see the editor in action.

Reviews

Please keep reviews clean, avoid the use of improper language and do not post any personal information.HTML tags
  • <a> Defines an anchor.

    Example: <a href="http://add0n.com">a sample link</a>

  • <pre><code> Syntax Highlighting (Supported languages: Bash, JSON, HTML, JavaScript, and CSS).

    Example: <pre><code class="javascript">var foo = 'bar';</code></pre>

  • <strong> Defines bold text
  • <blockquote> Defines a long quotation
  • <caption> Defines a table caption
  • <cite> Defines a citation
  • <em> Defines italic text
  • <p> Defines a paragraph
  • <span> Defines a section in a document
  • <s> Defines strikethrough text
  • <strike> Defines strikethrough text
  • <u> Defines underlined text
  • <br> Defines a single line break; can be used alone and don't need an ending tag

Editorial Review

JSON Beautifier is a browser extension to automatically view and edit JSON (JavaScript Object Notation) pages. It also allows to format and validate the JSON pages. JSON Beautifier is very easy to use and does not require any activation. This browser extension automatically converts JSON pages when a page matches to a valid JSON format.

The extension installs an observer for top frame loads. When a frame has a mime type that may belong to a JSON object, a small code is injected into the page. When page loading is finished, the content will be parsed. On successful object parsing, an editor instance is created automatically and the entire object is fed to the editor instance. You can see all the available keys and their values and edit them or search through all the keys or values if you want. There is a built-in tool to drag and drop objects to different places as well. The extension has a beautiful easy to use the editor to give you complete access to change and modify JSON pages.

JSON Beautifier also allows you to edit different types of nodes to Auto, Array, Object and String format. You can use Auto format to let the extension decide the format. You can also drag and drop nodes to change their place.

Currently, the browser extension is available for Mozilla Firefox, Google Chrome, and Opera but the developers intend to make this available for other browsers as well. Working with JSON pages was never this easy and credit goes to JSON Beautifier for making it easy for everyone to enter the world of JavaScript Object Notation. This is a lite extension and does not consume a lot of memory. You can simply install it and if you are not satisfied, it can be removed also.

What's new in this version


Change Logs:

    Explore more

    Need help?

    If you have questions about the extension, or ideas on how to improve it, please post them on the support site. Don't forget to search through the bug reports first as most likely your question/bug report has already been reported or there is a workaround posted for it.

    Open IssuesIssuesForks

    Recent Blog Posts on add0n.com