如何使用
- 将旧版 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 文件。