左側 JSON（原始）
右側 JSON（修改）
什麼是 JSON Diff 檢查器？
JSON Diff 檢查器是一款開發者工具，可語義化比較兩個 JSON 物件，並以清晰的視覺回饋突出顯示每個差異。與純文字 diff 不同，它能理解 JSON 結構 — 在每個巢狀層級檢測缺少的屬性、型別不符、值變化和陣列修改。一切均在您的瀏覽器中執行，資料永遠不會離開您的裝置。
如何比較 JSON
1. 將原始 JSON 貼到左側面板，將修改後的 JSON 貼到右側面板。 2. 點擊比較或讓自動比較在您輸入時偵測變化。 3. 查看帶有顏色編碼高亮的並排視圖：綠色表示新增，紅色表示刪除，黃色表示修改的值。 4. 使用導覽箭頭或差異清單在更改之間跳轉。 5. 使用摘要列中的核取方塊按類型篩選差異。 6. 點擊複製結果或匯出下載差異摘要。
功能特點
- 語義差異 — 由 jsondiffpatch 提供深度結構比較。
- 分類差異 — 缺少屬性、型別不符、值變化、新增鍵。
- 並排視圖 — 同步捲動和行級高亮。
- 差異導覽 — 透過上一個/下一個控制項逐一瀏覽差異。
- 差異清單面板 — 包含路徑和詳情的可點擊差異清單。
- 篩選系統 — 按差異類別切換可見性。
- 匯出 — 將 diff 下載為 HTML 或純文字。
- 工作階段持久化 — 輸入透過 IndexedDB 自動儲存。
- 完全客戶端 — 您的資料永遠不會離開瀏覽器。
使用場景
- 比較程式碼更改前後的 API 回應。
- 驗證設定檔更新（package.json、tsconfig 等）。
- 除錯不同環境之間的序列化差異。
- 程式碼審查 — 檢查預期與實際 JSON 輸出。
- 資料庫遷移驗證 — 比較匯出的記錄。
- QA 測試 — 跨測試執行比較固定資料。