JSON Diff — 並排比較兩個 JSON 檔案 | fixjson.org

before.json

{
  "user": {
    "id": 42,
    "name": "Ada",
    "roles": ["admin", "editor"]
  },
  "plan": "pro",
  "active": true
}

after.json

{
  "active": true,
  "plan": "team",
  "user": {
    "id": 42,
    "name": "Ada Lovelace",
    "roles": ["admin", "editor", "owner"]
  },
  "limits": {
    "requests": 5000
  }
}

點擊比較查看差異。

相關

與 Diff 相關的指南

全部指南 →

修復無效 JSON：從「哪裡出錯」到乾淨的檔案

修復看起來幾乎正確的 JSON —— 尾隨逗號、單引號、未加引號的鍵 —— 使用能容忍「準 JSON」的智慧格式化器，然後進行嚴格驗證。

修復 JSON 中的尾隨逗號

物件最後一個屬性或陣列最後一個項目後面的尾隨逗號，在部分 JavaScript 場景下允許，但在 JSON 中並不合法。

在發送 API 請求前驗證 JSON

在發送 API 請求前快速做一次驗證，可以把 JSON 語法問題與認證、Schema、後端錯誤清楚地分開。

JSON Diff 的運作原理

貼上兩份 JSON（或 YAML）文件即可獲得即時的並排比對。兩份文件在 diff 前都會先被解析，並按排序後的鍵重新序列化，因此鍵順序的差異不會造成誤判 —— 只有真正的值變化才會被反白。

可以把它當作 jsondiff、json compare online，或** compare json online** 工具來用於 API 回應、快照測試、fixture 檔案或 webhook 負載。Compare json：在同一份文件的兩個版本之間一次就能看出漂移。

並排檢視 —— 左側是刪除的列，右側是新增的列，未變化的列在中間
彙總指標 —— 一眼就能看到新增、刪除、變更與未變更欄位的數量
JSON 與 YAML —— 切換格式開關即可比對 YAML 文件
忽略鍵順序 —— {"a":1,"b":2} 與 {"b":2,"a":1} 被視為相同

FAQ

為什麼排過序與未排序的兩份會被判為相同？

因為依規範而言，JSON 物件本身是無序的。本 diff 在比較前會先對鍵做正規化，因此 {"a":1,"b":2} 與 {"b":2,"a":1} 等價 —— 只有真正的值差異才會被反白。