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