操作指南 · JSON
如何在 Chrome 里查看 JSON:可折叠、可搜索的树视图
简短回答
打开返回 JSON 的 URL,点击 JSONPeek 图标,选择“格式化此页面”。原始文本变成一棵可折叠、可搜索的树,在标签页内本地渲染——扩展装机不带任何站点访问权限,也不上传任何东西。
- 1
在 Chrome 标签页里打开返回 JSON 的 URL。
- 2
点击 JSONPeek 工具栏图标,选择“格式化此页面”。
- 3
折叠、展开对象和数组——折叠的节点显示自己装着多少个键或元素。
- 4
在搜索框里输入即可匹配键与值,用箭头在命中之间跳转。
- 5
需要未经触碰的响应文本时,切到“原始”或按“复制”。
Chrome 展示 JSON 响应的方式,就是它到达时的样子:一堵不换行的文字墙。中等大小的 API 载荷已经没法读;大的干脆是一整行,能让你横向滚到天荒地老。在 Chrome 里查看 JSON,不需要把它粘贴到某个网站——一个查看器扩展就能就地渲染,就在同一个标签页里。
打开 JSON 并格式化
把接口 URL 放进地址栏,或顺着任何返回 JSON 的链接过去。然后点击 JSONPeek 图标,按下格式化此页面。这一下用的是 Chrome 的 activeTab 授权:只运行一次,只作用于那个标签页。扩展装机对任何站点都没有访问权限,你不开口,它看不到任何页面。
先读结构,再看值
格式化后的视图是一棵树。每个对象和数组都能折叠,折叠的节点会自我概括——12 个键、250 个元素——让你先浏览响应的形状,再往里钻。全部展开和全部折叠就在工具栏上,状态栏则在页脚常驻:行数、一个 ✓ JSON 有效的校验,以及一行说明——本地解析 · 不发送任何数据。
搜索键与值
搜索框同时匹配键名和值,还有“上一处/下一处”箭头在命中之间跳转。这通常是回答你真正带来的那个问题的最快方式——“subscription_status 到底在这坨东西的哪里?”——而不用手动展开半棵树。
长数字一位不丢
建立在 JSON.parse 之上的查看器会悄悄毁掉大整数:像 12345678901234567890 这样的 ID,显示出来结尾变成 …568000。JSONPeek 用自己的解析器解析并显示原始数位,还会标出任何 JavaScript double 无法精确表示的数字。需要未经触碰的响应时,原始开关显示原文,复制复制原始字节。
本地 .json 文件也能看
对从磁盘打开的文件,Chrome 留了一个只有你能拨动的安全开关:在扩展详情页开启允许访问文件网址。弹窗会识别 file:// 标签页,并递给你一个可复制、直达该设置的链接。
愿意的话,让它自动化
偶尔用用,点一下就够了。如果你天天泡在某个 API 里,可以让 JSON 按站点、或在所有网站上自动格式化——授权是可选的,撤销任何一个都立即生效。