JSON 树形视图查看器Tree
多层级树状交互式查看 JSON 对象与数组结构，支持层级折叠展开、类型着色与快速复制
Object{7}
"name":"DevTools Online JSON Viewer"
"version":"2.0.0"
"status":"success"
"code":200
"developer":Object{4}
"nickname":"Antigravity"
"skills":Array[4]
"0":"Vue 3"
"1":"TypeScript"
"2":"Vite"
"3":"Node.js"
"active":true
"contact":null
"modules":Array[3]
"0":Object{3}
"id":1
"title":"JSON 格式化校验"
"category":"Core"
"1":Object{4}
"id":2
"title":"JSON 树形视图查看器"
"category":"Viewer"
"tags":Array[2]
"0":"Tree"
"1":"Interactive"
"2":Object{3}
"id":3
"title":"SQL 占位符参数还原"
"category":"Backend"
"metrics":Object{2}
"totalTools":54
"rating":4.98
工具说明与使用提示
工具说明
多层级查看 JSON，支持节点展开、类型着色和复制。
页面默认展示示例树。切换到“文本编辑”粘贴标准 JSON，输入时同步解析并显示语法错误，可以格式化排版、压缩单行，再点击“同步至树形视图”。树形模式支持全部展开、全部折叠及逐节点展开；悬停节点可以复制对应值。对象和数组显示类型与元素数量，字符串、数值、布尔值与 null 分别着色。
使用提示
仅处理当前页面中的内容；刷新后恢复默认示例。不接受 JSONC 注释；无效内容可切换到文本模式修正。数值遵循 JavaScript Number 精度，需要精确保留的长编号应作为字符串输入。
手动改变节点状态后，重复点击同一个全局展开或折叠按钮可能保留当前节点状态。需要重置所有节点时，先点击相反按钮，再切回所需状态。