JSON Formatter Chrome Extension

formats json automatically! Open Source, Available with Dark and Light mode, Syntax Highlighting, and automatically linkifies links..
json formatter formats and prettify json automatically in the chrome. 

It comes with support for syntax highlighting and Both light and dark modes. 

It also linkifies the links in the JSON automatically and has both parsed and raw mode for ease of copying content. 

You can also toggle modes using shortcut keys

● Parsed Mode: P key

● formatted raw Mode: Shift + R key

● Raw Mode: R key

● Toggle Dark Mode: D key

● Toggle Toolbar: T key

Features:

● Dark Mode

● Syntax Highlighting

● Works Offline

● Works with any JSON Webpage

● Automatically Linkify Links

● Formats JSON automatically

● Raw, Formatted Raw and Parsed Mode

● remembers Theme Preferences

● Shortcut Keys

● Collapsible Toolbar

Note: By default, the Extension Theme Is "System Default" It will change according to Your browser's theme. If you want it to be the Theme of Your choice, then you have to set it from the "Extension Settings" or "Extension Options" 

Extension Menu > Click "JSON Formatter"

Set the "Theme Mode" to "My Choice" and select your desired theme.

Same Procedure for changing the default formatting option too. Just set your desired Option in the Extension Settings.

To make json formatter work properly on all kinds of sites, in the extension permissions make "Allow this extension to read and change all your data on websites you visit:" from "On Click" to "On all sites" if not already set

To use json formatter in local files, enable "Allow access to file URLs" in the extension settings.

To use JSON Formatter in Incognito mode, enable "Allow in Incognito" in extension settings.

Some URLs to test on:

https://type.fit/api/quotes

https://api.github.com/users

https://api.github.com/users/arnav-kr

https://api.github.com/repos/arnav-kr/arnav-kr/readme

https://api.npms.io/v2/search?q=soloalert

https://anapioficeandfire.com/api/houses/1

Source Code:

https://github.com/arnav-kr/json-formatter/

Bug Report and suggestions

https://github.com/arnav-kr/json-formatter/issues/

CHANGELOG:

● ⚒️ bug fix: UI Breaks in some NPM webpages

● "Formatted Raw" and "Raw" are now Separate Modes

● Now Extension Settings and Preferences can be managed Directly from "Extension Settings" and "Extension Options"

● More Consistent Styling over Pages

● Now You can also set your "Default Format" whether its "Parsed", "Formatted Raw" or "Raw" (Do it from "Extension Settings")

● Now you can also choose to keep The "system default theme" or your "custom theme choice" (Need to be set in "Extension Settings". It's "System Default" by default)

● added support for more sites

● Performance Improvements

How to install JSON Formatter chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the JSON Formatter Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension JSON Formatter Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the JSON Formatter in Chrome Webstore Search and click on the search button.
• Step 3: click on the JSON Formatter Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the JSON Formatter extension for your Chrome Web browser .