💻 開発者ツール

JSON diff

2つのJSONを比較し、追加・削除・変更を色分けで表示します。JSON整形ツールと合わせてAPIレスポンスの確認に。入力はブラウザ内だけで完結します。

例(クリックで試す)

2つのJSONを貼って「比較する」を押してください。

使い方

変更前(A)と変更後(B)のJSONを貼り付け、「比較する」を押します。緑=追加、赤=削除、黄=変更、グレー=変更なしです。

具体例

A: {"status":"ok","count":1} → B: {"status":"ok","count":2,"extra":true} では、countが変更(黄)、extraが追加(緑)と表示されます。

よくある質問

JSONの順序の違いは差分になりますか?
オブジェクトのキー順序は無視し、値の違いのみを比較します。配列はインデックス順に要素ごとに比較します。
入力したJSONはサーバーに送信されますか?
いいえ。比較はすべてブラウザ内で完結します。
JSON整形ツールと併用できますか?
はい。minifyされたJSONを整形ツールで整えてから、ここに貼り付けて比較する使い方がおすすめです。