什么是JSON 树形视图？
JSON 树形视图适合阅读层级较深的接口响应、配置和调试数据。页面会先严格校验 JSON，再把对象和数组拆成可折叠节点，并允许按键名或值搜索。节点数和嵌套深度设置了上限，可避免异常输入让浏览器长时间卡顿。常见使用场景包括：浏览大型 API 响应中的嵌套字段。；折叠无关分支，集中检查某个对象或数组。；按键名、编号或文本值定位深层数据。页面同时列出输入边界、输出规则和限制，便于在复制结果或投入实际流程前核对格式、语义与安全注意事项。
适用场景
- 浏览大型 API 响应中的嵌套字段。
- 折叠无关分支，集中检查某个对象或数组。
- 按键名、编号或文本值定位深层数据。
使用方法
- 粘贴合法 JSON。
- 生成树形视图并展开或折叠节点。
- 使用搜索定位键或值。
- 先使用页面提供的复杂示例验证当前选项和运行方向，再替换为自己的数据。
- 检查输出区、状态提示和限制说明，确认结果符合预期后再复制、下载或继续处理。
可运行示例
工作区中的“示例 1”和“示例 2”按钮会载入对应内容。两个示例覆盖不同结构、方向或边界，可以直接运行并观察输出与状态提示。
示例 1
{"project":{"name":"JSONLane","locales":["zh-cn","en"],"release":{"tools":20,"checks":{"unit":true,"e2e":true}}}}示例 2
{"teams":[{"name":"frontend","tasks":["theme","content"]},{"name":"quality","tasks":["lint","build"]}],"version":"1.5"}输入规则
- 输入必须是合法 JSON 文档。
- 不安全整数、非法语法和超出限制的节点图会被拒绝。
- 重复键会提示，树中只能显示最终保留的值。
- 文本输入在运行前按字符计数，当前页面上限为 1,000,000；文件类功能另按页面显示的文件上限执行。
- 超出 JavaScript 安全范围的整数会被拒绝。
输出规则
- 对象显示键值节点，数组显示数字索引。
- 搜索匹配键名及值的文本表示。
- 折叠和展开仅改变视图，不修改原始数据。
- 输出只反映当前输入、方向和选项；切换模式或修改输入后应重新运行，不应把旧结果当成新结果。
- 最多渲染 50,000 个节点和 100 层嵌套。
限制与注意事项
- 超出 JavaScript 安全范围的整数会被拒绝。
- 最多渲染 50,000 个节点和 100 层嵌套。
- 重复键会警告，树中显示最后一个值。
数据处理说明
解析、树构建和搜索都在当前浏览器中完成，数据不会上传或持久保存。关闭或刷新页面后，本工具不会保留本次数据。