Dev tool

JSON 格式化与校验

粘贴一段 JSON,立刻得到缩进整齐的版本,或者压成一行。语法错误会直接告诉你哪里不对。

输入

快捷键:Ctrl / ⌘ + Enter 格式化

结果

什么时候需要它

调接口拿到的返回体通常是一整行压缩过的 JSON,几十个字段挤在一起,人眼看不出结构。 格式化的作用是把这些嵌套还原成缩进树,让你一眼看清哪层是哪个对象。

反过来,当你需要把一段 JSON 塞进 URL 参数、环境变量、或者写进单行配置文件时, 压缩能省掉大量无意义的空格。

怎么用

  • 格式化:粘贴后点「格式化」,或用快捷键 Ctrl / ⌘ + Enter。
  • 压缩:把多行 JSON 压成一行,适合放进请求体或字符串常量。
  • 校验:格式化过程本身就是校验,通过说明语法合法。
  • 复制结果:一键复制到剪贴板,不需要手动全选。

常见报错对照

  • Unexpected token '' —— 用了单引号,JSON 只认双引号。
  • Unexpected token } —— 对象或数组末尾多了逗号。
  • Unexpected end of JSON input —— 内容被截断了,通常是复制不全。
  • Unexpected token / —— JSON 不支持注释,把 // 和 /* */ 删掉。
这个页面没有后端。格式化在你的浏览器里完成,断网也能用,数据不会离开这台设备。

常见问题

JSON 格式化和压缩有什么区别?

格式化(Beautify)会在键值之间插入缩进和换行,让人读得懂,通常会变大 30% 到 50%。压缩(Minify)会去掉所有不必要的空格和换行,让传输体积最小,但人眼基本读不了。生产环境传数据用压缩,调试和看接口返回用格式化。

我的数据会被上传到服务器吗?

不会。这个页面没有后端,格式化逻辑由你浏览器里的 JavaScript 完成,断网状态下也能正常使用。你可以打开浏览器开发者工具的网络面板确认——没有任何请求发出去。

为什么我的 JSON 一直报错?

最常见的三个原因:一是用了单引号(JSON 只认双引号);二是最后一个键值对后面多了逗号;三是对象里的键没有加引号。另外 JSON 不支持注释,复制带注释的配置片段一定会报错。

能处理多大的 JSON?

几 MB 以内都没问题,实际瓶颈是浏览器内存。超过 10 MB 时页面可能会卡顿几秒,处理期间别重复点击按钮。

支持 JSON5 或者 JSONC 吗?

目前只支持标准 JSON。带注释的 JSONC(比如 VS Code 的 settings.json)需要先去掉注释才能解析。