GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - discoveryjs/JsonDiscovery: A browser extension (Chrome, Edge, Firefox) that changes the way you're viewing JSON

BranchesTags
Open more actions menu

Latest commit

 

History

223 Commits
223 Commits

Folders and files

NameName
Last commit message
Last commit date
.github/workflows
.github/workflows
 
 
safari
safari
 
 
scripts
scripts
 
 
src
src
 
 
.editorconfig
.editorconfig
 
 
.gitignore
.gitignore
 
 
CHANGELOG.md
CHANGELOG.md
 
 
README.md
README.md
 
 
eslint.config.mjs
eslint.config.mjs
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

Repository files navigation

JsonDiscovery

A browser extension that changes the way you're viewing JSON

Chrome Web Store Mozilla Addons

JsonDiscovery

Add the extension to your browser:

  • Chrome Web Store (for Chrome & Edge, see additional instructions)
  • Firefox Browser Add-ons (see additional instructions)
  • Releases section

JsonDiscovery is based on Discovery.js which provides powerful features for rapid JSON analysis and beautiful reports on the fly!

Most exciting features:

  • Show JSON as an interactive tree with highlighting
  • Easy an object or an array copy to clipboard
  • Data structure signature (like in TypeScript)
  • Data transformation with a query using Jora, suggestions on a query typing
  • Customisation of JSON data presentation (using tables, lists and so on)
  • Custom data presentation (a report) sharing by a link
  • Works on any page with a valid JSON – URL/content type doesn't matter (might not work for urls with strict CSP in some cases)
  • Works on local files (see instructions for Chromium browsers below)
  • Works offline (doesn't perform any network requests)

Read more on Medium

Additional instructions

Chrome & Edge

By default installed extensions in Chromium browsers doesn't work in Incognito mode and has no access to local files. If you need these features, then you should enable it:

  • Head to chrome://extensions
  • Find JsonDiscovery
  • Click Details button
  • Enable Allow in Incognito to make JsonDiscovery work in Incognito mode
  • Enable Allow access to file URLs to make JsonDiscovery work for local files

Firefox

To make JsonDiscovery work in Firefox you should disable default JSON viewer:

  • Head to about:config
  • Search for devtools.jsonview.enabled setting
  • Toggle the setting to false

Development

Clone the repository, run npm install and start local development server with npm run dev command.

Add dev version of the extension to your browser:

  • Chromium browsers (Chrome, Edge)

    • Head to chrome://extensions/
    • Click Developer mode in the top right corner
    • Click Load unpacked
    • Select a folder with extension source files (build-chrome)
  • Firefox

    • Head to about:debugging
    • Click Load Temporary Add-on
    • Find the folder with extension source files (build-firefox) and select manifest.json file

About

A browser extension (Chrome, Edge, Firefox) that changes the way you're viewing JSON

Topics

chrome-extensiondiscoveryedge-extensionfirefox-extensionhacktoberfestjsonjson-viewer

Resources

Readme
Activity
Custom properties

Stars

368 stars

Watchers

7 watching

Forks

17 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.