已复制

JSON Tree 查看器

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

JSON Tree 浏览

请在左侧输入 JSON 数据后点击「渲染」
路径: --
使用说明
基本用法
在左侧输入合法的 JSON 数据,点击「渲染」按钮即可在右侧看到交互式树形结构。JSON 可以是对象或数组。
折叠/展开节点
点击节点左侧的箭头图标可以折叠或展开该节点。对象和数组类型默认展开,方便浏览深层嵌套数据结构。
类型着色
不同数据类型使用不同颜色区分:字符串(绿色)、数字(蓝色)、布尔(橙色)、null(灰色)、对象/数组(黑色)。
点击复制
点击任意节点(键名或值)即可将节点值复制到剪贴板,同时底部会显示该节点的JSON 路径(如 $.address.city)。