Embed this tool on your site
<iframe src="https://devtoolbox.dedyn.io/tools/json-diff" width="100%" height="700" frameborder="0" title="JSON Diff & Compare"></iframe>

JSON Diff & Compare

Compare two JSON structures and see every difference highlighted. Deep recursive comparison with path display. Everything runs in your browser.

 

About JSON Diff & Compare

Comparing JSON structures is essential when debugging API responses, reviewing configuration changes, or tracking data transformations. This tool performs a deep recursive comparison of two JSON documents, identifying every added, removed, and changed value at any nesting level.

Each difference is displayed with its full JSON path (e.g., $.user.address.city) so you can locate changes instantly. Choose between side-by-side, unified, or tree view depending on your preference.

Features

Frequently Asked Questions

What is JSON diffing?
JSON diffing compares two JSON documents and identifies the differences between them — added keys, removed keys, and changed values. It performs deep recursive comparison, checking nested objects and arrays at every level.
How is JSON diff different from text diff?
Text diff compares line by line, while JSON diff understands data structure. It can detect that two JSON documents with different formatting but identical data are equal, and it reports changes by their JSON path (like $.user.name) rather than line numbers.
Can JSON diff compare arrays?
Yes, JSON diff compares arrays element by element at each index position. It detects added, removed, and modified elements. Note that JSON arrays are ordered, so the same elements in a different order will show as differences.
Keyboard Shortcuts
Ctrl+Enter Run / Format
Ctrl+Shift+C Copy output
Ctrl+L Clear