JSON Diff Viewer
Compare two JSON documents and highlight additions, deletions and changes. Pairs well with the JSON formatter. Everything stays in your browser.
Paste two JSONs and click Compare.
How to Use the JSON Diff Viewer
Paste the original JSON into JSON A and the updated JSON into JSON B, then click Compare. The result lists changed paths with added, removed and changed counts, so you can quickly review API responses, config changes and webhook payloads.
This JSON comparison is structural rather than plain text-only. Object keys are compared by name, so reordering properties does not create noise. Arrays are compared by index because array order often changes the meaning of the data.
Worked Example
Compare {"status":"ok","count":1} with {"status":"ok","count":2,"new":true}. The viewer reports count as changed from 1 to 2, and new as an added value.
Common Use Cases
- Reviewing before/after API responses during debugging.
- Checking JSON config changes before a deployment.
- Comparing webhook payloads from two environments.
- Finding small changes inside large formatted JSON documents.
Arrays, types, and number precision
Objects are matched by key, but arrays are matched by index. Inserting one item at the start of an array can therefore make later positions appear changed. A number such as 1 and a string such as "1" are different types and are reported as a change.
JSON numbers are parsed as JavaScript numbers. Integer literals with 16 or more digits may exceed safe precision, so the viewer displays a warning. Quote identifiers as strings when every digit must be retained. This viewer does not generate JSON Patch operations or decide whether two payloads are semantically equivalent for a particular API.
Use the JSON Formatter to locate syntax errors and format a document, or YAML ⇄ JSON for conversion.