JSON Tools

About

JSON Tools helps developers instantly format, validate, and navigate JSON data.

Easily prettify, validate, and explore JSON in split or tree view. One-click context menu or popup with syntax highlighting.

Whether you’re debugging APIs, working with configs, or just cleaning up JSON, this extension makes it effortless with a split-view editor, syntax highlighting, and real-time validation.

🚀 Key Features

Right-Click Prettify – Select JSON text on any webpage and prettify instantly

Split View – Compare original JSON (left) with formatted output (right)

Tree View Mode – Explore JSON in a collapsible tree with paths on hover

Validation – Catch errors instantly with clear syntax feedback

Syntax Highlighting – Color-coded keys, values, and data types

Statistics – See character, line, and key counts at a glance

Keyboard Shortcuts – Speed up formatting with quick commands - Ctrl + c + c + c - to automatically prettify the JSON

🛠 How It Works

Select the json text right-click JSON text on any webpage → choose "Prettify JSON"

Or, click the extension icon → paste JSON into the editor

Or. Click Ctrl + c + c +c (3 time in a row ) to Prettify

Switch between code view and tree view, validate instantly, and copy results

🎯 Perfect For

Developers working with REST APIs, GraphQL, and configs

QA engineers debugging JSON responses

Students learning JSON syntax and structure