JSON 查看器（树形视图）
以带类型和值的树形结构浏览 JSON，列出每个 JSONPath 及其值，统计对象、数组、键和类型的数量。出错时会显示行号和列号。
| 路径 | 类型 | 值 |
|---|---|---|
| $ | 对象 | {5 个键} |
| $.order | 数字 | 1042 |
| $.customer | 对象 | {3 个键} |
| $.customer.name | 字符串 | "Ada Lovelace" |
| $.customer.email | 字符串 | "ada@example.com" |
| $.customer.vip | 布尔值 | true |
| $.items | 数组 | [2 项] |
| $.items[0] | 对象 | {3 个键} |
| $.items[0].sku | 字符串 | "LAMP-01" |
| $.items[0].qty | 数字 | 2 |
| $.items[0].price | 数字 | 34.9 |
| $.items[1] | 对象 | {3 个键} |
| $.items[1].sku | 字符串 | "BULB-E27" |
| $.items[1].qty | 数字 | 4 |
| $.items[1].price | 数字 | 3.5 |
| $.coupon | 空值 | 空值 |
| $.tags | 数组 | [2 项] |
| $.tags[0] | 字符串 | "gift" |
| $.tags[1] | 字符串 | "express" |
JSON 查看器把一大堆花括号变成可以阅读的内容：每个对象和数组都成为一个分支，每个值都显示其类型，并且不会修改任何内容。粘贴一个 API 响应或配置文件，就能一眼看清它的结构，找到某个值在代码或 JSONPath 查询中的准确路径，并统计其中有什么。无效的 JSON 会连同出错位置的行号和列号一起报告。
使用方法
- 把 JSON 粘贴到框中——树会随着输入实时更新。
- 降低树的深度，只查看大文档的最上面几层。
- 在路径表中复制任意值的路径，例如
$.items[0].sku。 - 勾选仅叶子值，只列出数据而跳过容器。
计算公式
path = $ followed by .key or ['key'] for each object member and [i] for each array index (i from 0)
合法标识符形式的键使用点号写法；其他键（含空格、连字符、引号等）使用方括号写法，这也是 JavaScript 和 JSONPath 工具接受的。嵌套深度统计对象和数组的层数，所以扁平对象的深度为 1。叶子值是字符串、数字、布尔值、空值，以及空对象或空数组。
示例
对于示例订单，树以 $ (object, 5 keys) 开头，并有 customer、items 和 tags 几个分支。统计结果是 4 个对象（根、customer 和两个商品项）、2 个数组、14 个键、13 个叶子值，嵌套深度为 3（$ → items → items[0]）。第二个商品项的价格位于 $.items[1].price。
常见问题
这和 JSON 格式化工具有什么不同？
格式化工具会重新缩进文本以便编辑；查看器不改动文本，而是展示结构：类型、数量、路径，以及可限制在最上几层的大纲，用来理解陌生的数据更快。
为什么有些键带有引号？
含有空格或标点的键会以 JSON 字符串形式显示，这样你能看出它从哪里开始、到哪里结束，其路径使用方括号写法，如 $['first name']。
能打开很大的文件吗？
可以，最多约 1000 万个字符。大纲最多显示 5,000 行，路径表最多 400 行，但统计数字始终涵盖整个文档。
我的 JSON 会被上传吗？
不会。它在你的浏览器中解析，永远不会离开你的设备。
资料来源
最后更新:
包含这些输入的页面地址： https://kakao.mobile/zh/tools/json-viewer/
引用此工具
kakaoCalc. (2026, November 8). JSON 查看器（树形视图）. https://kakao.mobile/zh/tools/json-viewer/
“JSON 查看器（树形视图）.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/json-viewer/.