JSON Viewer is a lightweight and user-friendly chrome extension that automatically detects JSON data in Chrome pages and formats it in a tree view for easy reading and navigation. It is built using React.js and the react-json-view npm package. With this extension, you can quickly analyze and debug complex JSON data without having to leave your browser.
A look of the JSON Viewer chrome extension on navigating to dummyjson.
To use the JSON Viewer extension, follow these steps:
- Download the extension from the Chrome Web Store or Github repository.
- Click on the "Add to Chrome" button.
- Once installed, the extension will automatically detect JSON data on any Chrome page and format it for you.
JSON Viewer comes with a number of useful features, including:
- Automatic JSON Detection: Automatically detects JSON data in Chrome pages and formats it in a tree view for easy reading and navigation.
- JSON Parsing: Parses and displays JSON data in a tree view format for easy reading and navigation.
- JSON Formatting: Formats JSON data for readability and ease of use.
- JSON Editing: Edit your JSON data directly in the extension, with a form that allows you to edit and modify any JSON property, while also supporting JSON arrays and nested objects.
- Customizable configuration: Use the Edit Config form to customize the way JSON data is displayed, including options for sorting, collapsing, and more.
You can use the Edit Config form to customize how the JSON data is displayed. To access it, select "Edit Config". From there, you can customize options like sorting, collapsing, and more.
JSON Viewer works automatically on any Chrome page with JSON data. Once installed and enabled, the extension will automatically detect and format JSON data in a tree view format. You can navigate through the tree to view different parts of the JSON data, and use the Edit Config form to customize how it is displayed.
This project is licensed under the MIT License - see the LICENSE file for details.
If you would like to contribute to the JSON Viewer project, clone the repository and get started.
JSON Viewer was built by DevKit using React.js and the react-json-view npm package. We'd like to thank the developers of these tools for their hard work and dedication to the open-source community.
If you have any questions, issues, or feedback regarding the JSON Viewer extension, please feel free to join us at discord.