Giter Site home page Giter Site logo

brunolouvem / awesome-json-viewer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rbrahul/awesome-json-viewer

0.0 0.0 0.0 1.44 MB

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

JavaScript 90.66% HTML 2.67% CSS 6.66%

awesome-json-viewer's Introduction

Awesome JSON Viewer

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


⚠️ IMPORTANT!!! JSON Viewer Awesome is no longer owned, maintained and developed by me or from this repository.

But no worries, now I am working hard to publish a new extension similar to that but with more useful and powerful features. Will be posted here.


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

Awesome JSON View Online Editor with very limited features

Known Issue/Expected Behaviour:

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

Change Log:

Version 1.1.4 on 24-05-2020

New Feature

  • Download as a JSON file using Context Menu.
  • Importing Local JSON file in the Editor - (Contributed by withT)

Version 1.1.3 on 22-05-2020

Bug Fixed

  • Style is affecting other websites which does not event contain JSON.

Version 1.1.2 on 21-05-2020

Bug Fixed

  • Index.html page is not loading because /static/js/main.js and /static/css/main.css was missing.

Version 1.1.1 on 20-05-2020

New Features:

  • Added option page to control UI and experience.
  • Change Theme - Now we have Dark and MDN Light initially (Many more will come in future)
  • Write your custom CSS to style it.
  • You can toggle expanding childrens in trees.
  • URL blocking to bypass on listed websites.

Bug Fixed:

  • Color of values were not that visible in the tree view.
  • Parsing error if the page used to contain whitespace with JSON

Important Update:

Removed few permissions requests to install and use this extension.


Developed with ♥ using ReactJS, Jquery and D3

awesome-json-viewer's People

Contributors

mokhajavi75 avatar rbrahul avatar rognstadragnar avatar ssi-anik avatar whtht avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.