前后端联调时，JSON 是绕不开的"通用语言"。但接口一复杂，嵌套深、字段多，光靠肉眼很容易看花眼。下面 5 个技巧，配合一组纯前端工具，能让你联调效率翻倍。

技巧一：先格式化，再谈别的

拿到一行挤死的 JSON，第一步永远是美化。用 JSON 格式化工具 一键缩进、折叠节点，层级一目了然。它同时做语法校验，少了个逗号、引号没闭合这类低级错误会被立刻标出。

技巧二：用 diff 揪出"和昨天不一样"的字段

接口改了字段但没通知前端？把"昨天能用的响应"和"今天的响应"分别贴进 JSON 对比工具，它会高亮新增、删除和值变化的字段。这在排查"怎么突然白屏了"时特别管用。

技巧三：用 JSONPath 精准提取

想在巨大的响应里只拿 data.list[0].user.name？JSONPath 提取工具 支持类 XPath 的查询语法，不用写脚本就能把深层字段拎出来，验证接口到底返回了什么。

技巧四：转成表格/CSV 给非技术同学看

后端dump出来的数组，产品经理想看明细。用 JSON 转表格 直接在页面里渲染成可滚动的表格；需要进 Excel 分析的，JSON 转 CSV 反向也支持，把表格数据再塞回接口体也很方便。

技巧五：自动生成类型定义，少写错

TypeScript 项目里，和接口对齐类型是最枯燥的活。JSON 转 TypeScript 工具 根据样本响应自动推导 interface，复制进项目就能用，省下了对字段名手抖打错的时间。

附：配置场景别忘了 YAML

写 CI、K8s 或各类服务配置时，JSON 和 YAML 经常要互转。JSON 转 YAML 工具 帮你在这两种格式间无缝切换，避免手改缩进出错。

联调的本质是"快速假设、快速验证"。把上面的工具串成固定流程，大多数接口问题都能在几分钟内定位，而不是来回扯皮。