JSON 查看器
文本与可折叠树状查看器，支持展开/折叠和节点路径。
你的 JSON 在浏览器本地解析与显示，不会上传到任何服务器。
需要从 JSON 生成 TypeScript 类型？试试 JSON 转 TypeScript 工具。
关于 JSON 查看器
这款 JSON 查看器为你提供一个双栏工作区，用于阅读和整理 JSON：在「文本」标签页中编辑、格式化或压缩数据，然后切换到「查看器」标签页以可折叠树形浏览它。它专为开发者、QA 工程师，以及任何需要在线查看 JSON 而不想在大段文本中翻找的人调试 API 响应而打造。展开或折叠节点，深入嵌套的对象和数组，并点击任意值以复制其精确路径。作为 JSON 树形查看器，它也兼具快速 JSON 格式化的功能，帮你美化压缩后的数据并一目了然地看清结构。一切完全在你的浏览器中运行，因此数据绝不离开你的设备，也不会上传到任何服务器。
功能特性
- 双栏布局：「文本」标签页用于编辑和格式化，「查看器」标签页用于浏览
- 可折叠树形视图，可展开和折叠嵌套的对象与数组
- 「全部展开」和「全部折叠」按钮，一次性重塑整个文档
- 点击任意节点即可在底栏看到其完整路径（例如 author.links）
- 一键复制节点路径，可用于代码或查询
- 在「文本」标签页中用「格式化」美化或「压缩」紧凑化原始 JSON
- 即时下载格式化后的 JSON 或复制整个文档
- 完全在你的浏览器中运行，不会上传到任何服务器
如何使用 JSON 查看器
- 将你的 JSON 粘贴或输入到「文本」标签页中。
- 点击「格式化」美化它，或点击「压缩」紧凑化它，并确认其有效。
- 切换到「查看器」标签页以查看可折叠的树。
- 使用「全部展开」或「全部折叠」，或点击单个节点深入查看。
- 点击某个值并从底部栏复制其路径。
示例
输入
{"author":{"name":"Ada","links":["site","blog"]}}
输出
{
"author": {
"name": "Ada",
"links": [
"site",
"blog"
]
}
}
在「文本」标签页中格式化；在「查看器」中点击第一个链接会显示路径 author.links[0]。
常见错误与故障排除
- 「查看器」标签页为空，或没有可展开的内容。 — 检查「文本」标签页是否有语法错误，例如末尾逗号或未加引号的键；树只渲染有效的 JSON。
- 粘贴的片段含有单引号或 JavaScript 风格的键。 — JSON 要求键和字符串值使用双引号。在查看前将单引号转换为双引号。
- 庞大的文档展开起来感觉缓慢。 — 先使用「全部折叠」，然后只展开你需要的分支，而不是一次性打开每个节点。
- 你复制了一个路径，但它与你的代码不匹配。 — 路径从根节点起使用点号和方括号表示法；若你所用语言的访问语法不同，请相应调整。
常见问题
- JSON 查看器用来做什么？
- JSON 查看器让你格式化、压缩 JSON 并以可折叠树形浏览它，因此你无需在大段原始文本中翻查就能阅读 API 响应和配置文件。
- 如何在 JSON 查看器中获取某个值的路径？
- 在「查看器」标签页中点击任意节点，其路径（例如 author.links）会出现在底部栏中，可直接复制。
- 我能一次性展开或折叠整棵树吗？
- 可以。使用工具栏中的「全部展开」和「全部折叠」按钮，一键重塑整个文档。
- JSON 查看器也能格式化和压缩我的 JSON 吗？
- 可以。「文本」标签页用「格式化」和「压缩」按钮美化或紧凑化原始 JSON，然后「查看器」标签页会将其显示为可浏览的树。
- 使用 JSON 查看器时，我的 JSON 会被发送到任何地方吗？
- 不会。JSON 查看器完全在你的浏览器本地处理一切，因此数据绝不离开你的设备，也不会上传。
- JSON 查看器如何处理无效的 JSON？
- 「查看器」标签页需要有效的 JSON 才能构建树；修复「文本」标签页中标注的任何错误（包括行号与列号），树便会渲染。
相关工具
全部 ArrayKit 工具