如何使用
- 將舊版 JSON 貼上到左側,將新版 JSON 貼上到右側,或點擊「載入示例」。
- 如果兩份 JSON 的字段順序很亂,點擊「排序並格式化」先按 Key 統一順序。
- 查看結果區的統計:綠色代表新增,紅色代表刪除,黃色代表內容變更。
- 在路徑列表裏定位具體差異;需要排查完整結構時可勾選「顯示未變字段」。
- 複製差異報告,或下載文本檔案作爲接口調試、配置審查記錄。
核心功能
- Semantic JSON Diff:先解析 JSON,再按路徑比較字段,避免普通文本 Diff 被 Key 順序擾亂。
- Sort by Keys:一鍵格式化並按字母順序排序左右兩側對象 Key,屏蔽無意義的字段順序差異。
- 新增 / 刪除 / 修改高亮:用綠色、紅色和黃色區分 Added、Removed、Modified,排查 API 響應和配置變化更快。
- 路徑級定位:按
profile.city、items[0].sku這樣的路徑展示差異,直接定位具體字段。 - 語法錯誤提示:對比前會先驗證 JSON,任意一側無效都會顯示錯誤資訊。
- 本機安全比較:Token、資料庫配置和業務響應只在瀏覽器記憶體中解析,不上傳伺服器。
相關工具
免費線上 JSON 工具:一鍵美化/壓縮、語法校驗、錯誤高亮,並自動生成 TypeScript 接口與 Zod Schema。純瀏覽器本機處理,資料不上傳。
免費的 JSONPath Tester / Evaluator:貼上 API JSON,實時提取匹配節點、查看路徑並複製 JSON 結果。解析與查詢都在瀏覽器本機完成。
在瀏覽器本機將 JSON 對象或對象數組轉換爲 CSV,展開嵌套字段,預覽結果並複製或下載檔案,無需上傳資料。
將 CSV 文本或檔案在瀏覽器本機實時轉換爲 JSON 數組,支援表頭、逗號/分號/Tab 分隔、拖曳檔案、複製和下載,無需上傳資料。
把格式化 JSON 壓縮爲一行,移除縮進、換行和多餘空白,並實時查看壓縮前後體積與節省比例。
免費的 JSON 轉 TypeScript 工具。一鍵將 API JSON 響應自動推導並生成強類型的 TS Interfaces 和 Types 代碼。純瀏覽器前端處理,嚴格保護您的業務資料與接口結構隱私。
開發者可在瀏覽器本機將 YAML 轉爲格式化 JSON,支援實時轉換、多文檔 YAML、錯誤行列提示、複製和下載,不上傳或保存配置內容。
在瀏覽器本機將 JSON 轉爲 YAML,支援實時轉換、嚴格 JSON 校驗、可用時定位錯誤、複製和下載,配置資料不會上傳或保存。
計算邏輯
工具採用本機 JSON 語義對比流程:
- 先用
JSON.parse驗證左右兩份 JSON。 - 對對象 Key 進行字母順序排序,數組順序保持不變。
- 將結構扁平化爲路徑和值,例如
items[0].sku。 - 對每個路徑判斷新增、刪除、修改或未變。
- 所有資料都在當前瀏覽器會話內流轉;刷新頁面後輸入和結果會被清空。
- 由於數組順序通常有業務含義,工具不會自動重排數組元素,也不會承諾適合極巨型 JSON 檔案。
常見問題
含有機密的 JSON 會泄露嗎?
不會。解析、排序和對比都在瀏覽器本機完成,JSON 不會上傳到伺服器;刷新頁面後當前輸入會被清空。
爲什麼普通 Diff 會滿屏紅?
普通文本 Diff 會把字段順序變化也當成差異。這個工具會先按 Key 排序,再按 JSON 路徑比較,減少順序噪音。
JSON diff 可以忽略 Key 順序嗎?
可以。對象 Key 會按字母順序排序後再比較,因此字段順序不同但內容相同會顯示爲沒有語義差異。
數組順序會忽略嗎?
不會。數組順序常常代表業務含義,因此工具保留數組順序並按索引比較。
報錯的 JSON 能對比嗎?
不能。任意一側 JSON 無法解析時,工具會先顯示語法錯誤提示,方便你修復後再比較。
可以導出對比結果嗎?
可以。你可以複製差異報告,也可以下載爲 .txt 檔案。