JSON Tool

---

English | 中文

JSON-Tool is a powerful, all-in-one Browser extension designed to streamline JSON workflows and enhance developer productivity. Packed with smart features and essential utilities, it’s the perfect companion for developers, testers, and anyone working with structured data.

Tip

Originally created as a V3-compatible alternative to JSON-Handle (which lacked V3 support), this project now coexists with JSON-Handle's updated version. Its core functionality is derived from JSON-Handle. Special thanks to JSON-Handle for inspiring this work.

Links

• Docs
• Online Tool

Features

• Input Methods: URL, Context Menu, Manual Input, File Upload.
• Display: Tree Structure (Expand/Collapse), Syntax Highlighting, Theme Switching.
• Operations: Search (Ctrl+K), Copy Key/Value/Path, Data Conversion (Compression, Decoding, Timestamp, Format Conversion).
• Performance: Virtual Scrolling for Large JSON.
• Additional Features: Multi-language Support, Works on Chrome, Edge, and Firefox.

Installation

Tip

Since it takes time for the extension store to review and publish, usually 1-5 days, you can download the latest extension in Nightly.link

By store

　 　

By file

Google Chrome/Microsoft Edge

1. Download the json-tool-<version>-{chrome/edge}.zip file from the latest release.
2. Extract the contents of the .zip file.
3. Open Google Chrome and navigate to {chrome/edge}://extensions/.
4. Enable "Developer mode".
5. Click on "Load unpacked" and select the dist folder.
6. JSON Tool should now appear in your list of Chrome extensions and is ready to use.

Firefox

1. Download the json-tool-<version>-firefox.zip file from the latest release.
2. Open Firefox and navigate to about:addons.
3. Click on the gear icon and select "Install Add-on From File...".
4. Select the .zip file.
5. JSON Tool should now appear in your list of Firefox extensions and is ready to use.

Usage

1. Click the extension icon to open JSON-Tool in a tab or window. You can then manually enter JSON text or upload a JSON file. After clicking the JSON-Tool button, you will receive a formatted JSON data structure.
2. When a browser opens a URL that returns JSON data, it automatically renders the JSON into a structured tree format.
3. Open the options to configure the plugin, including theme, internationalization, color scheme, etc.

Support

If you encounter any issues or have suggestions for improvements, please feel free to open an issue in this repository.

License

This project is licensed under the MIT License - see the LICENSE file for details.