← 返回工具箱

JSON 树视图

JSON TREE · 数据处理

把 JSON 渲染成可折叠的层级树,深层嵌套一眼看清结构;出错时精确定位到行与列。

JSON 输入
树视图 · 点击箭头折叠 / 展开

>_ 使用指南 · GUIDE

粘贴 JSON,立即渲染成可折叠的层级树:对象、数组、键值以缩进树形展开,深层嵌套的结构一眼看清。点层级任意折叠/展开,找某个字段时一路点进去,比在一万行格式化文本里滚动找括号高效得多。

配合「JSON 格式化」使用:格式化负责校验与报错定位(精确到行列),树视图负责结构浏览——两者覆盖了看 JSON 的两大需求。本地渲染,数据零上传。

>_ 常见问题 · FAQ

Q1 · JSON 格式化和 JSON 树视图有什么区别?

格式化输出纯文本,适合复制、修改、校验语法(错误定位到行列);树视图输出可交互的层级结构,适合浏览和理解(折叠无关分支、聚焦关心的节点)。读数据用树,改数据用格式化,配合使用效率最高。

Q2 · 嵌套十几层的 JSON 怎么看才不晕?

用折叠逐层推进:先全部折叠只看顶层键,判断数据骨架;再展开目标分支。树视图的价值就在「按需展开」——把注意力收窄到你关心的子树,而不是面对全部深度。找特定字段时逐层点入比全文搜索更不易迷失上下文。

Q3 · 数组的展示方式是怎样的?

数组按索引展开为有序子节点([0]、[1]…),每个元素可继续折叠。超大数组(几千条记录)展开会很长,建议配合「JSONPath 查询」工具先过滤出目标记录,再对结果用树视图细看——两个工具的组合是处理大 JSON 的标准工作流。

Q4 · JSON 有语法错误时树视图还能用吗?

不能——树视图需要先成功解析。报错时切到「JSON 格式化」工具,它会定位到具体的行与列并提示错误类型,修正后再回来生成树。这个「格式化排查 → 树视图浏览」的分工记住就好。

嵌入代码

把下面的代码复制到你的网页,即可将本工具嵌入为 iframe(自动隐藏导航与页脚)。

高度px
此工具在你的浏览器本地运行,输入内容不会上传。按 Ctrl K 可随时切换到其他工具。