JSON 树状查看器
以可折叠、带类型的树状结构浏览 JSON。
你的 JSON 在浏览器本地解析以构建树形结构，不会上传到任何服务器。
需要整洁、带缩进的输出？试试 JSON 格式化工具。
关于 JSON 树状查看器
这款在线 JSON 树形查看器将原始 JSON 转为可折叠、按颜色编码的树，让你浏览深度嵌套的对象和数组，而无需在密集文本中滚动。在左侧粘贴 API 响应、配置文件或日志数据，右侧即刻渲染出树形结构，每个值都标注类型，数组和对象在折叠时显示其元素数量或键数量。它可作为开发者调试接口、QA 工程师检查测试数据，以及任何想理解陌生 JSON 结构的人所用的快速 JSON 查看器。无效的 JSON 会标注其行号与列号，让你迅速修复语法错误。由于它在你的浏览器本地运行，大型或敏感文档都在你自己的机器上解析，数据绝不离开你的设备。用它来浏览嵌套 JSON、追踪某个值的结构，并一目了然地理解复杂数据。
功能特性
- 将 JSON 渲染为可折叠、可展开的节点树
- 按类型为值着色（字符串、数字、布尔值、null、对象、数组）
- 在折叠的数组和对象上显示元素数量与键数量
- 折叠不需要的分支，让大型文档保持可控
- 可处理大型且深度嵌套的 JSON 结构
- 标注无效 JSON 并指出精确的行号与列号
- 一切在你的浏览器本地解析，不会上传
- 只读视图，绝不改动你的原始 JSON
如何使用 JSON 树状查看器
- 在左侧的「输入 JSON」框中粘贴或输入你的 JSON。
- 在右侧的「树」面板中查看它渲染为带类型、按颜色编码的树。
- 点击任意对象或数组节点以展开或折叠该分支。
- 若 JSON 无效，阅读所报告的行号与列号并修复语法。
示例
输入
{"user":{"id":7,"roles":["admin","editor"],"active":true}}
输出
object {1}
└─ user object {3}
├─ id: 7
├─ roles array [2]
│ ├─ 0: "admin"
│ └─ 1: "editor"
└─ active: true
该对象渲染为可折叠的树，每个值都标注了类型。
常见错误与故障排除
- 树未渲染，且错误指向某个行号与列号。 — 该 JSON 无效。检查报告的行号与列号处是否缺少逗号、括号或引号并加以更正。
- 对象或数组最后一项后的末尾逗号被拒绝。 — 标准 JSON 不允许末尾逗号。删除最后一个元素后的逗号。
- 用单引号包裹的键或字符串无法解析。 — JSON 要求键和字符串值使用双引号。将单引号替换为双引号。
- 非常大的文档浏览缓慢或难以查看。 — 折叠你不需要的分支，只让树中相关部分保持展开。
常见问题
- JSON 树形查看器是什么？
- 它是一款在线工具，会解析你的 JSON 并将其显示为可折叠、带类型的树，让你浏览嵌套的对象和数组而无需阅读原始文本。每个值都按其类型着色。
- 如何用 JSON 树形查看器浏览深度嵌套的 JSON？
- 在左侧粘贴你的 JSON，然后在「树」面板中点击任意对象或数组节点以展开或折叠它。折叠的分支会显示其元素数量或键数量，让你只深入查看关心的部分。
- JSON 树形查看器能处理大型或深度嵌套的 JSON 吗？
- 可以。它能渲染大型且高度嵌套的文档，你还可以折叠不需要的分支，以保持视图快速且可控。
- JSON 树形查看器会更改或保存我的 JSON 吗？
- 不会。查看器只显示解析后的结构；你的原始 JSON 绝不会被修改或存储。
- 如果我的 JSON 在 JSON 树形查看器中无效会怎样？
- 查看器会报告错误并指出文本中精确的行号与列号，让你快速找到并修复语法问题。
- 使用 JSON 树形查看器时，我的数据会被发送到任何地方吗？
- 不会。你的 JSON 在浏览器本地解析，绝不离开你的设备，因此即便是敏感数据也留在你的机器上。
相关工具
全部 ArrayKit 工具