前后端联调时,接口返回经常是一行几百 KB 的压缩 JSON,肉眼根本没法看。掌握下面三板斧,JSON 调试会轻松很多。
第一板斧:先格式化再读
把压缩 JSON 粘贴进格式化工具,一键展开为缩进 2 空格的多行结构,键按字典序排列,嵌套层级一目了然。相比人肉找括号,效率提升是数量级的。
{"b":1,"a":[1,2]} 格式化后:
{
"a": [
1,
2
],
"b": 1
}
第二板斧:按报错位置查语法
JSON 语法错误几乎都是三类问题:少了引号、多了/少了逗号、括号不配对。校验工具会给出大致行列位置,问题通常在提示位置的前后几个字符内。
第三板斧:树形视图看大结构
几十层的嵌套结构用扁平文本看依然费劲。树形查看器可以逐级折叠展开,只展开你关心的分支,快速定位目标字段。
Q:JSON 里能写注释吗?
标准 JSON 不允许注释。配置文件想写注释请改用 JSONC(如 VS Code 的 settings.json)或转成 YAML。
Q:键顺序变了影响接口吗?
不影响。JSON 对象是无序的,接口消费方按键取值,不依赖顺序;本工具格式化时按字典序排列只是为了可读。
提示
转 YAML 模式特别适合把 JSON 配置改成更易读、支持注释的 YAML 格式。
