JSON 太乱看不清:JSON Crack 在线把结构画成图

接口返回的 JSON 嵌套四五层,配对上百个字段,用文本编辑器看就是在找绳子。把它画成树状图,层级关系一眼就能看清。
它解决什么问题
调试接口时经常要判断「这个字段到底挂在哪一层」「数组里每个对象的键是否一致」,纯文本很难扫出来。
格式化工具只解决缩进问题,结构上的混乱依然存在。
核心能力
| 能力 | 具体能做到什么 |
|---|---|
| 树状可视化 | 把 JSON 渲染成节点与连线,层级与数组关系一目了然 |
| 搜索定位 | 输入字段名可高亮所有匹配节点并自动聚焦 |
| 错误提示 | JSON 语法错误会指出具体位置,便于快速修正 |
| 格式互转 | 支持 JSON、YAML、CSV、XML、TOML 之间的解析与转换 |
| 导出 | 可导出 PNG、SVG 或 JSON 结果,也能生成分享链接 |
| 大文件处理 | 节点过多时可折叠分支,避免画面糊成一团 |
看 JSON 时先看这三件事
第一,数组里各元素的键是否一致。不一致往往意味着后端返回了「两种形态」,前端按一种解析就会漏字段。
第二,嵌套深度。超过三层的结构通常说明接口设计有问题,可以据此提出「拆平一层」的建议。
第三,空值分布。哪些字段在真实数据里总是 null,可能是设计里预留但没实现的,也可能是上游传参漏了。这三种判断在图上做都比在文本里快。
谁适合用
- 调试接口、核对返回结构的前后端开发者
- 要理解第三方 API 文档里示例数据的人
- 整理配置文件、想让结构更清楚的人
- 教学时演示 JSON 结构关系的讲师
怎么开始
- 打开 jsoncrack.com,把 JSON 粘进左侧编辑区或点「导入」上传文件。
- 结构图会自动生成,滚轮缩放、拖拽平移。
- 在右上搜索框输入字段名,匹配的节点会被高亮。
- 要换格式:把内容粘进编辑器,工具会自动识别并转换。
- 导出图片用上方「导出」按钮,分享则生成短链。
常见问题
数据会上传吗?
默认在浏览器本地解析。涉及敏感数据的接口返回,建议用自托管版本或先脱敏。
多大能处理?
几千个节点可以流畅操作,再大就会卡,建议先裁剪出关心的片段。
支持 JSON5 或注释吗?
标准 JSON 不支持注释,若数据里带注释需要先清理。
有本地版吗?
开源项目可自行部署,也提供桌面应用。
授权与合规
JSON Crack 以 MIT 许可开源,官网在线版免费使用,也可自行部署。 官网:jsoncrack.com。
资源信息
界面语言
多语言
授权方式
开源免费
适用平台
Web
获取方式
直链下载
资源更新
2026-09-19
页面更新
2026-09-15
↓ 获取资源
点击下方按钮直接开始下载。
立即下载
直链
https://jsoncrack.com/