https://rbrahul.github.io/Awesome-JSON-Viewer/

:fire: A Chrome extension to visualise JSON response and introduce awesome JSON prettifying experiences.
https://rbrahul.github.io/Awesome-JSON-Viewer/

chrome-extension json json-viewer react reactjs

Last synced: about 1 month ago
JSON representation

:fire: A Chrome extension to visualise JSON response and introduce awesome JSON prettifying experiences.

• Host: GitHub
• URL: https://rbrahul.github.io/Awesome-JSON-Viewer/
• Owner: rbrahul
• Created: 2017-01-27T23:09:54.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-03-31T15:56:13.000Z (9 months ago)
• Last Synced: 2024-05-23T06:01:12.007Z (7 months ago)
• Topics: chrome-extension, json, json-viewer, react, reactjs
• Language: JavaScript
• Homepage:
• Size: 1.21 MB
• Stars: 529
• Watchers: 19
• Forks: 105
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JSON Viewer Pro (Completely Free)

A Chrome browser extension to visualize JSON response in awesome Tree and Chart view with great user experience and options.

# Welcome to the JSON Viewer Pro. It is absolutely free and has no annoying advertisements.

[![](https://raw.githubusercontent.com/rbrahul/Awesome-JSON-Viewer/master/chrome-web-store.png)](https://chrome.google.com/webstore/detail/json-viewer-pro/eifflpmocdbdmepbjaopkkhbfmdgijcc)

## Features

* ✅ Beautify JSON response from API

* ✅ Visual representation of JSON

* ✅ Depth traversing of JSON property using breadcrumbs

* ✅ Write custom JSON in Input area

* ✅ Import local JSON file

* ✅ Download JSON file using Context Menu

* ✅ URL filters

* ✅ Change Themes

* ✅ Custom CSS

* ✅ Cool User Interface.

* ✅ Copy property and value

* ✅ Access JSON in your console using only `json` keyword

## Screen Shots

![Awesome JSON](https://raw.githubusercontent.com/rbrahul/Awesome-JSON/master/awesome-json-slideshow.gif "Awesome JSON an awesome Chrome extension to assist development")

# Your donation is appreciated

### Your small contribution inspires us.

[![](https://www.paypalobjects.com/en_US/DK/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/donate?hosted_button_id=VQLQGCRJAAF3L)

## Online JSON viewer(without any installation needed):

[Awesome JSON View Online Editor with very limited features](https://rbrahul.github.io/Awesome-JSON-Viewer/# "Awesome JSON Viewer")

## Known Issue/Expected Behaviour:

 * Custom CSS/Style, Theme, Collapsible settings are not applicable on **chrome-extension://eifflpmocdbdmepbjaopkkhbfmdgijcc/index.html** page as **chrome-extension://\*** doesn't allow **conentScript** to be executed.

## Change Log:

### Version 1.0.0 on  04-10-2020

**New Feature**

  - All the essential features of JSON Viewer

### Version 1.0.1 on  20-10-2021

**New Feature**

  - Added ContentType application/json detection before initialising JSON Viewer Pro extension to webpage.

**Bug Fix**

- Fixed bug for NextJS framework implemented sites and Twitter Cards.

- Added support for *localhost (http://localhost:port)* sites blocking in Manage URL settings.

### Version 1.0.2 on 27-03-2024

**Improvements:**

- Upgraded to Manifest v3

- Fixed the issue with missing gear icon.

- Fixed issue with the reloading all tabs when settings are saved or set to default.

- Collapse nested items settings was not working once the extension was opened via clicking on the extension icon.

- Minor UI improvements in Toast Message and Buttons on the Setting page.

### Version 1.0.3 on 31-03-2024

**Bug Fixes:**

- JSON Viewer Pro doesn't recognize local JSON files once opened via browser.

**Developed with ♥ using ReactJS, Jquery and D3**