JSON Diff: Compare JSON Files by Path in Your Browser
JSON Diff compares two JSON documents structurally and lists added, removed, and changed values by path, so you can locate differences without scanning each file manually. Use ignore-key-order to compare objects regardless of key order, or ignore-array-order to compare arrays as sets. Paste or drop both JSON inputs, run the comparison, and review the results.
JSON Diff is a browser-based tool for comparing two JSON documents structurally. Instead of asking you to scan both files line by line, it reports every added, removed, and changed value by its path. This makes it easier to identify where a difference occurs when reviewing JSON files or checking whether an update changed the data you expected.
The comparison includes options for handling order. Enable ignore-key-order to compare objects regardless of the order of their keys. Enable ignore-array-order to compare arrays as sets. These options help you focus on differences in JSON content when key or array order should not affect your comparison.
JSON represents structured data using objects, arrays, and values, so a structural comparison can show changes in the data rather than just differences in how the documents appear as text. Developers use JSON Diff to review file revisions, verify refactors, and inspect changes to configuration or other JSON documents. The path attached to each difference helps you find the affected part of the structure.
JSON Diff runs entirely in your browser: your input is processed on your device and is not uploaded, stored, or sent to a server. It is free, and once the page has loaded, it works offline without a server dependency. Developers and DevOps engineers can use it to compare JSON versions and review changes without sending their data elsewhere.
Step 1: Paste or drop both JSON versions into the tool so it can compare the documents.
Step 2: Run the comparison to see which values were added, removed, or changed.
Step 3: Review each difference by its path to locate the affected value in the JSON structure.
Step 4: Enable ignore-key-order if you want objects compared regardless of their key order.
Step 5: Enable ignore-array-order if you want arrays compared as sets, then step through the differences.
Use case: See what actually changed between two JSON versions before you review or commit them, with differences listed by path.
Use case: Confirm a refactor really was a no-op, and catch the value that changed if it was not.
Use case: Find a difference in two JSON files that look identical at a glance by comparing their structures.
Use case: Compare configuration files before and after an update to identify added, removed, or changed settings.
Use case: Review changes to JSON API responses and focus on the paths where values differ.
Use case: Check updated JSON test fixtures against an earlier version without manually scanning both documents.