JSON 查看器与树形解析工具
粘贴或上传 JSON，在可折叠树形结构中浏览嵌套对象与数组，查看每个节点的类型与路径。适合阅读接口返回与大型配置文件，全部在浏览器本地完成。
JSON
如何使用
1粘贴合法 JSON
将 API 响应或配置文件粘贴到编辑器，或点击「加载示例」快速体验。语法不合法时会提示错误行。
2在树形视图中展开节点
校验通过后自动进入树形视图。点击对象或数组旁的箭头展开/折叠，也可用「全部展开」浏览深层结构。
3查看节点路径与类型
选中节点后在详情面板查看 JSONPath、JSON Pointer 或 JavaScript 路径，并一键复制到剪贴板。
树形查看示例
{
"user": {
"name": "Alice",
"roles": ["admin", "editor"]
}
}▼ root (object)
▼ user (object)
name: "Alice" (string)
▼ roles (array)
[0]: "admin" (string)
[1]: "editor" (string)适用场景
浏览大型嵌套对象
接口返回深层嵌套时，树形视图比滚动整段文本更快定位目标字段。
核对接口字段与类型
展开对象与数组，对照文档确认字段名、数组元素类型及是否缺少预期键。
复制节点路径
需要写 JSONPath 表达式或前端取值逻辑时，直接从节点详情复制路径。
查看器独有功能
对象与数组展开/折叠
按层级展开嵌套结构，支持全部展开/折叠，避免在单行压缩 JSON 中手动查找。
节点类型标识
每个节点显示 string、number、boolean、null、object、array 等类型，便于区分空对象与空数组。
JSONPath、JSON Pointer 与 JS 路径
详情面板提供三种路径格式，并支持 JSONPath 查询表达式筛选节点。
代码、树形、表格三视图
代码视图适合编辑与排查语法；树形视图适合浏览结构；表格视图适合查看对象数组记录。
常见问题
- JSON 查看器和格式化工具有什么区别？
- 格式化工具侧重排版美化；查看器默认以树形展示结构。本页打开后优先进入树形视图，也可随时切回代码或表格。
- 为什么有时先显示代码编辑器？
- 需要先粘贴合法 JSON。校验通过后会自动切换到树形视图；也可点击「加载示例」立即查看。
- JSONPath 和 JSON Pointer 有什么不同？
- JSONPath 用 $.user.name 这类表达式查询多个匹配节点；JSON Pointer 用 /user/name 精确定位单个位置，常用于 RFC 6902 补丁。
- 树形视图能处理多大的 JSON？
- 取决于设备性能。深层嵌套时建议逐层展开；也可先用表格视图查看顶层数组。
- 三种视图的数据会同步吗？
- 会。同一份 JSON 在代码、树形、表格之间切换时共享同一解析结果，编辑后需重新校验。