左侧 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 测试 — 跨测试运行比较固定数据。