如何在浏览器里美化(pretty print)JSON

压缩过的 JSON 是给机器看的:一行到底,没有空白,肉眼没法读。美化它是一秒钟的活——唯一真正的问题是在哪里做。把生产环境的载荷粘进某个来路不明的“JSON 美化”网站,等于把你的数据运到别人的服务器上,就为了给它加几个空格。Chrome 可以把整件事在本地做完,而且压缩 JSON 出没的两个地方,它都管。

情形一:JSON 是一个页面

API 端点、webhook 载荷的 URL、一个 .json 文件——只要它开在标签页里,点击 JSONPeek 图标,按下格式化此页面。响应渲染成缩进好、可折叠的树,键与值都能搜索,还有一个原始开关,原封不动地交回原始字节。这一下只授权那一个标签页;扩展装机对任何站点都没有访问权限。

情形二:JSON 在剪贴板上

从日志行、终端或 bug 报告里抠出来的一团。打开设置,找到转换面板,把输入格式和输出格式都设为 JSON。转换器就此变成美化器:粘进压缩的文本,输出窗格随着输入实时填上同一份文档——两空格缩进。复制结果把它放回剪贴板。

校验是白送的

美化必须先解析,所以校验顺手就有了。输入不是合法 JSON 时——尾逗号、多余的引号、被截断的载荷——你得到的是确切的行号、列号和原因,而不是一段沉默的垃圾。格式化好的页面上,状态栏显示 ✓ JSON 有效;坏掉的页面上,错误面板直指肇事字符,原始文本照样能复制出来。

你的数字原样回来

经典陷阱:用 JSON.parse 加 JSON.stringify 美化——浏览器控制台和多数在线美化器就是这么干的——会悄悄改写长整数。像 12345678901234567890 这样的 ID,回来就是另一个数。JSONPeek 用自己的解析器保留源数位,美化后的输出仍是同一份文档,只是变得可读。JavaScript double 装不下的数字会在查看器里被标记,而不是被改掉。

除了你自己的标签页,无需信任任何人

两条路都完全在你的浏览器里跑。扩展不发网络请求、不收集分析数据、不需要账号——所以“把这个粘进来安全吗?”的答案是:它从未离开你粘贴它的那台机器。它还是免费的;如果这团数据最终要变成 CSV 或 YAML,同一个面板也能办。