接口联调数据查错：用JSON格式化3步定位，省1小时
上周二下午，我在对接一个用户订单接口。后端返回的JSON数据有300多行，全是压缩成一行的字符串，字段嵌套了4层。我肉眼扫了10分钟，愣是没找到订单金额字段在哪里。最后用JSON格式化工具，3步搞定——粘贴、格式化、树视图定位，前后不到3分钟。
核心答案：接口联调时，用JSON格式化工具，把压缩的JSON数据展开成树状结构，字段名、层级、值一目了然，查错效率提升80%。
第1步：拿到原始JSON，粘贴到工具
接口返回的数据通常是压缩的（minified），比如：
{"code":200,"data":{"list":[{"id":1,"name":"张三","price":"99.00"},{"id":2,"name":"李四","price":"150.00"}],"total":2}}
直接复制这段字符串，粘贴到JSON格式化工具的输入框里。注意：粘贴前确保数据是合法的JSON格式（双引号、逗号、括号完整）。
我习惯把Chrome开发者工具→Network→Response里的内容直接全选复制。如果后端返回的不是JSON（比如XML或纯文本），先让后端改返回格式。
第2步：点击“格式化”，看展开的树
粘贴后，点击工具上的“格式化”按钮（或缩进按钮）。工具会自动把压缩的JSON展开成带缩进的层级结构，并自动高亮不同层级。
比如上面那个例子，格式化后变成：
{
"code": 200,
"data": {
"list": [
{
"id": 1,
"name": "张三",
"price": "99.00"
},
{
"id": 2,
"name": "李四",
"price": "150.00"
}
],
"total": 2
}
}
这时候，字段名、层级、值都清晰了。我直接能看到每个订单的price字段在第二层，类型是字符串（带引号）。如果后端返回的是数字（不带引号），也能一眼识别。
关键转化点：在联调场景下，格式化后立即检查字段名是否拼写错误（比如prcie vs price）、类型是否匹配（字符串 vs 数字）、层级是否一致。这些是80%的联调Bug来源。
第3步：用树视图快速定位深层字段
如果JSON嵌套超过3层，纯缩进格式看久了也累。这时点击工具上的“树视图”按钮，所有字段会以可折叠的树形结构展示。
比如一个用户信息接口，返回：
{
"user": {
"profile": {
"address": {
"city": "北京",
"district": "朝阳区"
}
}
}
}
树视图里，你可以展开user→profile→address，直接看到city的值是“北京”。如果city字段缺失，树视图里会直接显示undefined或null，一眼就找到问题。
我上周查一个优惠券接口，后端说返回了discount字段，但前端一直取不到。我用树视图一展开，发现discount在promotion对象里，而promotion本身是null——后端没返回promotion对象，discount自然不存在。前后端确认后，后端修复了逻辑，前后只花了5分钟。
这些坑别踩
- 粘贴前先检查JSON是否合法：如果复制的JSON末尾多了逗号（比如"name":"张三",），格式化工具会报错。可以用工具的“校验”功能先检查合法性。
- 树视图不能替代手动对比：树视图适合快速定位，但如果你要对比两个接口返回的差异（比如A接口和B接口的订单列表），建议复制到文本对比工具里，或者用树视图展开后截图对比。
- 注意转义字符：有些接口返回的JSON里包含转义的双引号（比如"），格式化后可能显示异常。这时先点击“压缩”按钮，把数据压缩成一行，再用文本搜索定位。
- 不要相信“格式化后一定正确”：格式化只是把数据展开，不会修正数据本身的逻辑错误。比如字段名拼写错误（prcie vs price），格式化后依然存在，需要你手动核对。
- 大JSON（超过1MB）慎用：如果接口返回几万行数据，浏览器渲染树视图可能会卡。建议先压缩数据，或者用工具的分页功能（如果支持）。目前我测试的JSON格式化工具，500KB以内流畅运行。
一个完整案例
假设我在调试一个“商品列表”接口，后端返回的JSON压缩后长这样：
{"code":200,"data":{"items":[{"id":101,"name":"iPhone 15","price":6999,"stock":50},{"id":102,"name":"MacBook Air","price":8999,"stock":30}],"total":2,"page":1}}
步骤：
- 复制这段字符串，粘贴到JSON格式化工具输入框。
- 点击“格式化”，展开后看到items数组里有两个商品对象，price字段是数字（6999），stock字段也是数字。
- 点击“树视图”，展开data→items，直接看到每个商品的id、name、price、stock值。
- 检查：我发现第二个商品MacBook Air的stock是30，但前端预期是字符串“30”。用树视图确认后，通知后端改为字符串类型。
- 修复后，再次粘贴格式化，确认stock变成了带引号的“30”。
整个过程不到3分钟，没有用任何其他工具。对比之前我手动数括号、肉眼对字段，至少省了1小时。
怎么避免格式化后遗漏字段？
用树视图展开后，按字段名搜索关键字。比如我要检查是否包含“discount”字段，直接在浏览器按Ctrl+F，输入discount。如果工具支持搜索，就在搜索框输入。没有搜索功能的，就按树视图逐级展开，重点看最深的几层。
格式化后怎么复制给后端？
格式化后的JSON可以直接复制，但注意：如果复制带有缩进和换行的版本，粘贴到聊天工具（如微信）时可能格式丢失。推荐点击“压缩”按钮，复制压缩后的最小化版本，发给后端。这样后端可以直接粘贴到他的调试工具里。
结尾
下次接口联调查数据，直接打开JSON格式化工具，粘贴你的JSON数据，3步搞定数据查错。省下的1小时，去喝杯咖啡不香吗？