ブラウザ内ツール
JSON差分ビューア
2つの JSON を貼ると、どのキーが追加・削除・変更されたかを キーパス単位で色分けして表示します。テキストの行差分ではなく構造で比較するので、 整形やキー順の違いに惑わされず、意味のある変化だけが見えます。APIレスポンスや設定ファイルの差分確認に。すべてブラウザ内で処理し、送信しません。
変更前（A）
変更後（B）
追加 1削除 1変更 3不変 4
削除
debugtrue変更
env"staging"→"production"追加
ports[2]8080変更
replicas2→4変更
resources.cpu"500m"→"1000m"差分の見方
- キーパスで位置を示す。
resources.cpuやports[2]のように、ネストや配列の何番目かまで特定します。 - 構造で比較する。インデントや改行、末尾カンマの有無、キーの並び順が違っても差分にはなりません。値そのものが変わったところだけを拾います。
- 配列は添字で対応づけ。
[0]と[0]、[1]と[1]を比べます。要素を先頭に1つ挿入すると以降が全部ずれて見えるのは、位置ベース比較の性質です。