Skip to main content
json

A JSON toolkit: six browser tasks that save debugging time

Use the smallest JSON tool for the job: format, validate, compare, query, convert, or inspect a payload without handing it to a random service.

Thien Nguyen
By Thien Nguyen
Updated April 19, 2026 · 2 min read

The useful JSON toolkit is not one giant website. It is six small operations: format, validate, compare, query, convert, and inspect. Keep sensitive payloads local—browser tools are convenient, but production tokens and customer records do not belong in a pasted demo.

Match the tool to the failure

TaskBest first moveWhat it catches
Pretty-printIndent consistentlyBroken nesting and duplicated fields
ValidateParse with a real JSON parserTrailing commas, bad quotes, truncated payloads
DiffCompare parsed treesA changed value hidden by key ordering
QueryUse jq or JSONPathThe one field buried in a 2 MB response
ConvertGenerate a schema or type from samplesRepetitive boilerplate, not correctness
InspectLook at types and array lengthsnull where an object was expected

Formatting is not validation

This is valid JavaScript but invalid JSON because JSON does not allow comments, single quotes, or trailing commas:

{ user: 'Mina', } // JavaScript object literal, not JSON

Use a parser as the final authority:

printf '%s' "$PAYLOAD" | jq .

jq exits non-zero for invalid JSON, which makes it useful in scripts and CI as well as at the terminal.

A formatter that “fixes” malformed input can hide the source of a production bug. Preserve the original payload until you know why it failed.

Diff objects, not strings

These payloads say the same thing but text diff makes them look unrelated:

{"enabled":true,"retries":3}
{"retries":3,"enabled":true}

Canonicalise or parse before comparing. Conversely, arrays are ordered in JSON; do not sort them to get a cleaner diff unless order is genuinely irrelevant to the API contract.

Type generators are a starting point

Generating a TypeScript interface from a sample response is quick, but a sample cannot prove optionality. A field absent from one fixture may be required in production; a field present once may be nullable. Keep the generated shape, then check it against the API schema or a broader fixture set.

For one-off local work, IO Tools' JSON tools are a reasonable browser option. For a repeatable build step, commit a schema and validate with the same library your service uses. The distinction matters: a browser tab helps investigate, while a schema prevents the regression from returning.

Small, local operations beat a mystery “JSON toolbox” when the payload is important and the diagnosis needs to be reproducible.

References

Primary documentation and specifications checked when this article was last updated.

jsondeveloper-toolsdebugging

Related articles

All articles