💻 Developer Tools

JSON Diff Viewer

Compare two JSON documents and highlight additions, deletions and changes. Pairs well with the JSON formatter. Everything stays in your browser.

Examples (click to try)

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.

Frequently Asked Questions

Does JSON object key order matter?
No. Object keys are normalized for comparison, so changing only the order of keys is not reported as a difference. Arrays are compared by index, because order usually matters in arrays.
Is my JSON sent to a server?
No. Both JSON documents are parsed and compared entirely in your browser. They are not uploaded, stored or logged by Benri.
Can I compare minified JSON?
Yes. You can paste minified JSON directly. For easier manual review, you can format each document first with the JSON Formatter, then compare the cleaned versions here.