JSON Formatter – Your Lifesaver

Welcome Devs!

As of now you already have seen that in our day to day work we come up with many types of URLs and files specifically JSON files they are almost everywhere. For files its clear. You use a text editor with a beautiful syntax hig…


This content originally appeared on DEV Community and was authored by Arnav Kumar

Welcome Devs!

As of now you already have seen that in our day to day work we come up with many types of URLs and files specifically JSON files they are almost everywhere. For files its clear. You use a text editor with a beautiful syntax highlighting and with your desired settings. But what about when you view them in browser? In your development career you may already heard of json formatter browser extensions. They format and syntax highlight the json codes from most of the json responses. But most don't give satisfactory results.

Some of the points that i noted while i was in search of the perfect Json Formatter Extension

  • Some of them don't work on JSON response returned with a non json Content-Type header
  • Some of them Don't Have Dark Mode (And we are Dark Lovers)
  • Some only let us see the json tree but not the raw data
  • Some are just data stealers
  • Some Just don't remember your preferences on specific sites
  • Some of them aren't regularly maintained And so on...

Here comes my JSON Formatter 🥳

So after seeing all these things i decided to create my own Extension that would solve all those problems and be the devs' best friend. Its New So its Obvious that its underated now, your support would be appreciatable! 😃

Its Available on Chrome Web Store for Chrome but you can also use the extension on all other chromium based browsers i.e. edge, firefox, opera, brave etc.

Download From Chrome Web Store

Short Link: bit.ly/json_formatter

Website: json-formatter.js.org

Features of my JSON Formatter Extension

  • Dark Mode (Automated + Manual)
  • Syntax Highlighting (VS Code Styled)
  • Works Offline 📴
  • Works with any JSON Webpage (webpage should just contain valid json code)
  • Automatically Linkify Links (just click on links in strings to open them)
  • Formats JSON automatically (No Setup Needed
  • Raw and Parsed Mode (Parsed for ease of your eye and raw for ease of your hands)
  • Remembers Theme Preferences ( knows which mode you prefer on which sites)
  • Shortcut Keys (1 tap controls, easy navigation)
  • Collapsible Toolbar (Easily Collapse the Toolbar)

I am looking for Suggestions and Feedbacks from you
If you have any issues related the extension you can open an issue at the Github Repo i will try to fix it asap!

Leave a Star⭐ on the repo and don't forget to rate the extension

Github Repo | issues | Fork JSON Formatter | My GitHub Profile

Screenshots:

Automatic Linkified

Parsed Mode Dark

Raw Mode Dark

Parsed Mode Light

Raw Mode Light


This content originally appeared on DEV Community and was authored by Arnav Kumar


Print Share Comment Cite Upload Translate Updates
APA

Arnav Kumar | Sciencx (2021-12-06T17:15:48+00:00) JSON Formatter – Your Lifesaver. Retrieved from https://www.scien.cx/2021/12/06/json-formatter-your-lifesaver/

MLA
" » JSON Formatter – Your Lifesaver." Arnav Kumar | Sciencx - Monday December 6, 2021, https://www.scien.cx/2021/12/06/json-formatter-your-lifesaver/
HARVARD
Arnav Kumar | Sciencx Monday December 6, 2021 » JSON Formatter – Your Lifesaver., viewed ,<https://www.scien.cx/2021/12/06/json-formatter-your-lifesaver/>
VANCOUVER
Arnav Kumar | Sciencx - » JSON Formatter – Your Lifesaver. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/12/06/json-formatter-your-lifesaver/
CHICAGO
" » JSON Formatter – Your Lifesaver." Arnav Kumar | Sciencx - Accessed . https://www.scien.cx/2021/12/06/json-formatter-your-lifesaver/
IEEE
" » JSON Formatter – Your Lifesaver." Arnav Kumar | Sciencx [Online]. Available: https://www.scien.cx/2021/12/06/json-formatter-your-lifesaver/. [Accessed: ]
rf:citation
» JSON Formatter – Your Lifesaver | Arnav Kumar | Sciencx | https://www.scien.cx/2021/12/06/json-formatter-your-lifesaver/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.