首页 > 工具箱 > JSON 树形查看

JSON 树形查看

几百行的接口响应,格式化出来照样要翻半天。这页把 JSON 渲染成能一层层折叠的树:点键名直接复制它的路径,搜索框输一个词就能把命中的节点挑出来,右边还给出节点数、深度和类型分布。数据在你的浏览器里解析,不会上传。

用法与说明

三种路径风格分别配什么用
点号路径适合贴进 JS 代码里直接取值;JSON Pointer 是 RFC 6901 的写法,JSON Patch 的 path 字段用的就是它;JSONPath 可以直接拿去 JSONPath 测试 里跑,也是很多网关和低代码平台的取值语法。
搜索是怎么匹配的
键名和值都会找,不区分大小写,命中的节点会高亮、祖先会自动展开,其余节点变灰。回车跳到下一个命中项。搜索不改动数据,只是视图上的筛选。
大文件会慢
整棵树是一次性渲染的,节点超过 3 万个时本页只渲染前 3 万个并给出提示。要看超大 JSON,建议先用 JSONPathJSON 结构处理 把要看的部分抽出来再放进来。
数字精度的老问题
浏览器按 IEEE 754 双精度解析数字,超过 253 的整数(比如雪花 ID、订单号)会丢精度。树上显示的就是解析后的值,如果发现末尾几位变成 0,那是 JSON 本身该把这个字段写成字符串。
相关工具
JSON 格式化JSON 对比JSON SchemaJSON 多格式互转
已复制