JSON Viewer

    Format, validate, sort, inspect, scan, and compare JSON data locally in your browser

    Paste JSON in either editor. Valid JSON syncs to the other side for formatting, sorting, tree view, path queries, and scanning.

    Editor
    1
    Viewer
    Output
    1
    JSONPath
    0 matches
    JSON Formatter, Tree Viewer, Diff Tool, and Security Scanner

    Online JSON Viewer Built for Developers, QA, and Security Review

    Format JSON online, validate syntax, sort keys, inspect nested objects in tree mode, run JSONPath queries, compare two payloads, and scan for secrets or PII without leaving your browser.

    Format, Beautify, and Minify

    Turn raw, compressed, or unreadable JSON into clean formatted JSON, then minify it again when you need compact API payloads.

    json formatter, json beautifier, json minifier

    Text and Tree JSON Viewer

    Switch between editable text mode and collapsible tree mode with expand all, collapse all, copy path, copy value, and type badges.

    json tree viewer, json explorer, json path copy

    Recursive Key Sorting

    Sort JSON keys A-Z or Z-A across nested objects so configs, API responses, and fixtures are easier to review and compare.

    sort json keys, alphabetize json, ordered json

    JSONPath Query Explorer

    Extract nested values using paths like $.users[0].email or $.items[*].id without manually expanding every object.

    jsonpath online, query json, extract json value

    Security and PII Scanner

    Scan JSON for emails, phone numbers, JWTs, bearer tokens, API keys, passwords, private keys, internal URLs, and risky config values.

    json security scanner, secret scanner, pii scanner

    Semantic JSON Diff

    Compare two JSON payloads by meaning, not object key order. See added, removed, changed, and type-changed paths.

    json diff, compare json online, semantic json diff

    What is this tool?

    A complete JSON inspection workspace

    This tool is more than a basic online JSON formatter. It works as a JSON validator, JSON beautifier, JSON minifier, JSON tree viewer, recursive JSON sorter, JSONPath explorer, secret scanner, PII scanner, and JSON diff checker in one clean interface. You can paste JSON into either editor, format it, sort it, inspect it as a collapsible tree, query exact values, and compare payloads for API regression testing.

    It is designed for real development workflows: API debugging, QA validation, webhook review, log inspection, configuration cleanup, penetration testing notes, and safe sharing of JSON examples.

    Developers

    • Debug REST, GraphQL, webhook, and microservice responses.
    • Format logs, config files, package metadata, and feature flag payloads.
    • Use JSONPath to extract nested API fields quickly.

    QA Testers

    • Compare expected vs actual JSON responses with semantic diff mode.
    • Sort payloads before writing test snapshots or bug reports.
    • Inspect arrays, IDs, status flags, and deeply nested test data in tree mode.

    Pen Testers and Security Teams

    • Find accidental secrets, JWTs, bearer tokens, API keys, and passwords.
    • Identify exposed internal URLs, localhost endpoints, private IPs, and HTTP links.
    • Check risky values such as debug=true, admin=true, CORS wildcard, and disabled SSL verification.

    Why would I use it?

    Faster JSON debugging with fewer blind spots

    Speed up API debugging

    Pretty print JSON responses, search keys, inspect nested arrays, and copy exact paths without switching tools.

    Review data before sharing

    Use the scanner to catch secrets, tokens, emails, phone numbers, internal URLs, and risky settings before sending payloads to others.

    Compare meaningful changes

    Diff mode shows changed JSON paths and ignores object key order, which makes API regression review cleaner.

    Extract exact values

    Use JSONPath queries to pull IDs, emails, status flags, URLs, and nested values from large API responses.

    When should I use it?

    Best moments to open a JSON viewer

    After receiving a REST API, GraphQL, webhook, or serverless function response.
    Before attaching API payloads to Jira tickets, GitHub issues, pull requests, or security reports.
    When a QA test fails and expected JSON must be compared with actual JSON.
    When reviewing feature flags, app configuration, environment metadata, or cloud service output.
    When investigating logs that include escaped JSON, nested objects, arrays, IDs, or status codes.
    When checking whether a payload accidentally contains secrets, PII, internal URLs, or risky flags.

    Examples

    Practical JSON examples for testing the tool

    Security scan sample
    {
      "user": {
        "id": "usr_1024",
        "email": "qa.engineer@example.com",
        "role": "admin",
        "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.demo.signature",
        "profile": {
          "phone": "+1 415 555 0123",
          "active": true
        }
      },
      "api": {
        "debug": true,
        "baseUrl": "http://localhost:3000/api",
        "timeoutMs": 5000
      }
    }
    JSONPath queries
    $.user.email
    $.user.profile.phone
    $.api.baseUrl
    $.items[*].id
    Recursive key sorting
    Before:
    { "z": 1, "user": { "name": "Maya", "id": 7 }, "a": true }
    
    After Sort A-Z:
    { "a": true, "user": { "id": 7, "name": "Maya" }, "z": 1 }
    Semantic diff example
    Original:
    { "status": "pending", "total": 99, "items": [1, 2] }
    
    Changed:
    { "status": "paid", "total": 99, "items": [1, 2, 3] }
    
    Semantic diff:
    $.status changed from "pending" to "paid"
    $.items[2] added 3

    What are common mistakes?

    JSON issues that slow down debugging

    Pasting production API responses into online tools that upload data to a server.
    Comparing formatted JSON as plain text and treating key order changes as real changes.
    Sharing bug reports that include bearer tokens, JWTs, emails, phone numbers, or private endpoints.
    Ignoring invalid trailing commas, single quoted strings, unescaped control characters, or missing quotes around keys.
    Reviewing large payloads only as text instead of using tree mode, JSONPath, and path copy.
    Keeping debug flags, admin flags, wildcard CORS, or verifySSL=false in production configuration JSON.

    Best practices

    How to work with JSON safely and cleanly

    Format JSON before reading it, but minify JSON before sending it over bandwidth-sensitive API calls.
    Sort keys recursively before comparing configs, test fixtures, or API snapshots.
    Use tree mode for payload navigation and JSONPath for exact extraction.
    Scan for secrets and PII before attaching JSON to tickets, pull requests, chats, or reports.
    Mask tokens, passwords, emails, phone numbers, database URLs, and internal IPs in shared examples.
    Use semantic diff mode for API regression testing because object key order should not create fake failures.
    Keep JSON validation local when working with confidential client, QA, security, or production data.

    Security scanner

    What the JSON security scan checks

    Emails and phone numbers
    JWTs and bearer tokens
    Passwords and secret-like keys
    Private keys and SSH keys
    AWS, GitHub, Slack, Stripe, Google, and Firebase keys
    Database connection strings
    Internal IPs and localhost URLs
    HTTP URLs and sensitive query parameters
    Risky config values such as debug=true, admin=true, CORS wildcard, and verifySSL=false

    Alternatives

    Other ways to inspect JSON

    Browser DevTools

    Good for inspecting network responses while debugging a live page.

    Tradeoff: Less convenient for sorting, JSONPath extraction, security scanning, and standalone file review.

    Command line tools

    jq, node, and Python scripts are powerful for automation and pipelines.

    Tradeoff: They need installed tooling and are less visual for QA, product, and security review workflows.

    IDE extensions

    Great when JSON is already inside your code editor.

    Tradeoff: Not ideal for quick browser-based API inspection, diffing, or sharing a lightweight workflow with QA.

    Generic online formatters

    Useful for basic pretty printing.

    Tradeoff: Many stop at format/minify and do not include tree mode, JSONPath, semantic diff, or robust security checks.

    Workflow

    Recommended JSON review workflow

    1

    Paste or open

    Load raw JSON, API output, config, webhook data, or test fixture.

    2

    Format and sort

    Pretty print the payload and sort keys recursively if you need stable review.

    3

    Inspect and query

    Use tree mode, search, path copy, and JSONPath to find important values.

    4

    Scan or compare

    Run the security scanner before sharing or switch to diff mode for regression checks.

    FAQ

    Common questions about online JSON formatting, validation, tree viewing, JSONPath, security scanning, and JSON diff.

    This JSON Viewer is a browser-based JSON formatter, validator, tree explorer, JSONPath query tool, semantic diff checker, key sorter, and security scanner for developers, QA testers, and security reviewers.