JSON 差异可视化

背景

在升级商品查询接口后，需要确认新版接口（v2）相比旧版接口（v1）具体修改了哪些字段。

问题

手动逐行对比复杂的 JSON 响应体效率低下且容易遗漏新增的字段。

如何使用

将旧版 API 响应粘贴至“左侧 JSON”，新版响应粘贴至“右侧 JSON”，设置左侧标签为 “v1”，右侧标签为 “v2”，保持“对象键排序”开启，点击对比。

结果

生成了一份直观的 HTML 差异报告，清晰标出 v2 版本中新增了 `next` 字段，且 `count` 字段的值从 2 变更为 3。

背景

生产环境的应用出现异常，怀疑是 config.json 配置文件与测试环境不一致导致的。

问题

配置文件包含数百行嵌套的 JSON 数据，肉眼难以快速定位微小的键值差异。

如何使用

将测试环境的配置粘贴到左侧，生产环境的配置粘贴到右侧，勾选“显示未变化值”以对照完整上下文，进行对比。

结果

快速定位到生产环境配置中 `database.port` 被错误修改，以及缺少了 `redis.timeout` 字段，从而迅速解决故障。