做前端调试接口,后端甩来一串JSON,粘贴到控制台却报 Unexpected token?微信小程序里请求返回空白,F12一看响应体是乱码或缺了引号?别急着怀疑后端——大概率是JSON本身不合法,只是你没第一时间发现。
为什么需要在线校验?
本地写JSON容易手滑:少个逗号、单引号代替双引号、中文标点混入、末尾多逗号……这些在VS Code里可能不报错(尤其关了校验),但一到浏览器或小程序里就直接崩。而在线校验工具能秒级高亮错误位置,比如告诉你第17行第5列缺了右大括号,比翻控制台红字快多了。
怎么用?真就三步
打开任意支持JSON校验的网站(比如 jsonlint.com 或国内访问快的 json.cn),把你的JSON文本复制进去,点“验证”或“格式化”。它立刻反馈:
✅ 合法 → 自动美化缩进,结构一目了然;
❌ 不合法 → 精准定位错误类型和行号,连注释在哪行都标出来。
举个真实例子
后端给的原始响应长这样:
{"name":"张三","age":28,"city":"上海","tags":["前端","Vue"]}看着挺整齐?但第三项末尾那个逗号是中文全角逗号(,),不是英文半角(,)。在线工具一贴,立马提示:Unexpected character ',',位置精准到字符。改掉就能跑通。
顺手干点别的
校验通过后,多数工具还带“格式化”按钮,一键把压缩成一行的JSON变成易读缩进格式;有的还能转成XML、YAML,甚至生成对应JS对象代码。调试API时,把返回结果丢进去再格式化,比肉眼扒空格强十倍。
下次遇到接口数据不对劲,先别刷屏问“后端是不是挂了”,花10秒做个在线校验——很多问题,其实就卡在一个看不见的引号上。