已复制

JSON Tree 查看器

JSON 交互式树形结构可视化,支持节点折叠、类型着色和路径复制

JSON Tree 浏览

请在左侧输入 JSON 数据后点击「渲染」
路径: --
使用说明
基本用法

在左侧输入合法的 JSON 数据,点击「渲染」按钮即可在右侧看到交互式树形结构。JSON 可以是对象或数组,也可使用 JSON 格式化 工具。

折叠/展开节点

点击节点左侧的箭头图标可以折叠或展开该节点。对象和数组类型默认展开,方便浏览深层嵌套数据结构,可配合 JSON Schema 生成 工具一起使用。

类型着色

不同数据类型使用不同颜色区分:字符串(绿色)、数字(蓝色)、布尔(橙色)、null(灰色)、对象/数组(黑色),也可使用 JSON 转实体类 工具。

点击复制

点击任意节点(键名或值)即可将节点值复制到剪贴板,同时底部会显示该节点的JSON 路径(如 $.address.city)。