JSON 树形查看器
Web 工具将 JSON 文档渲染为可折叠的树形结构,支持关键字搜索、节点路径复制、JSONPath 定位与大文件分层加载,自动校验语法错误并高亮显示,适合浏览大型接口响应、配置文件与嵌套较深的数据结构并快速定位目标字段。
{
"user": {
"name": "Alice",
"age": 30,
"tags": [
"admin",
"user"
]
},
"active": true,
"balance": 99.95,
"lastLogin": null
}关于 JSON 树形查看器
面对一大段嵌套很深的 JSON，纯文本很难看清层级关系。本工具左侧是带语法高亮的代码编辑器，右侧把 JSON 渲染成可折叠的树形结构：支持树内关键字搜索与高亮跳转、点击节点一键复制其 JSONPath 路径、内联显示数组长度与对象键数，并提供 Tree / 源码 / 表格三种视图切换。采用虚拟滚动技术，超大 JSON 树也不卡顿。所有解析在本地完成，数据不上传。 建议在日常开发中收藏本工具，遇到相关 Web 开发需求时即可快速打开使用。所有处理均在浏览器本地完成，无需安装任何软件，它适合调试接口响应、审阅第三方返回的深层结构或在大 JSON 里定位某个字段。所有解析在本地完成，数据不上传，配合搜索与 JSONPath 复制，能显著加快排查与对接效率。
使用方法
- 打开 JSON 树形查看器 工具页面
- 根据需求输入或粘贴数据到输入区域
- 查看实时处理结果，使用复制按钮获取输出
使用场景
- 浏览接口数据 — 把接口返回的复杂 JSON 渲染成树，逐层展开查看你关心的字段。
- 搜索定位字段 — 输入关键字即可高亮所有匹配的键或值，并用上下箭头在结果间跳转。
- 复制节点路径 — 点击任意节点一键复制其 JSONPath（如 $.config.theme），直接用于代码或查询。
- 表格查看数组 — 对象数组可切换为表格视图，像看 Excel 一样对比每行数据。
- 检查大数据规模 — 虚拟滚动让数万节点的超大 JSON 也能流畅展开浏览，不冻结页面。
常见问题
能处理多大的 JSON？
得益于虚拟滚动，树视图只渲染可视区域的节点，数 MB、数万节点的 JSON 也能流畅展开，不会卡死页面。
怎么搜索树里的内容？
在搜索栏输入关键字，所有匹配的键或值会高亮，并显示命中数量，用 ↑/↓ 或回车在匹配项之间跳转。
怎么复制某个节点的路径？
把鼠标移到节点上会显示其 JSONPath，点击叶子节点即可复制路径（如 $.users[0].name），方便用于 JSONPath 查询或代码取值。
表格视图什么时候可用？
当根数据是对象数组（每个元素都是对象）时，可切换到表格视图，自动以字段并集作为列头。
和格式化工具有什么区别？
「JSON 格式化」输出带缩进的文本并支持编辑，本工具侧重交互式浏览：折叠树、搜索、路径复制与多视图，更适合理解超大或超深的 JSON。
有浏览器兼容性要求吗？
本工具兼容所有现代浏览器（Chrome、Firefox、Edge、Safari），无需安装任何插件或扩展。
可以离线使用吗？
首次加载后，部分功能在离线状态下仍可使用。页面资源加载后，核心逻辑完全在浏览器本地运行，不依赖网络。
评论与讨论
评论仅保存在你的浏览器本地，切换设备后不可见。配置 Giscus 后可支持云端评论。