跳到内容
分享网

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

在线工具 Web 3 天前更新 浏览 1 ↓ 直达下载

接口返回的 JSON 嵌套四五层,配对上百个字段,用文本编辑器看就是在找绳子。把它画成树状图,层级关系一眼就能看清。

它解决什么问题

调试接口时经常要判断「这个字段到底挂在哪一层」「数组里每个对象的键是否一致」,纯文本很难扫出来。

格式化工具只解决缩进问题,结构上的混乱依然存在。

核心能力

能力 具体能做到什么
树状可视化 把 JSON 渲染成节点与连线,层级与数组关系一目了然
搜索定位 输入字段名可高亮所有匹配节点并自动聚焦
错误提示 JSON 语法错误会指出具体位置,便于快速修正
格式互转 支持 JSON、YAML、CSV、XML、TOML 之间的解析与转换
导出 可导出 PNG、SVG 或 JSON 结果,也能生成分享链接
大文件处理 节点过多时可折叠分支,避免画面糊成一团

看 JSON 时先看这三件事

第一,数组里各元素的键是否一致。不一致往往意味着后端返回了「两种形态」,前端按一种解析就会漏字段。

第二,嵌套深度。超过三层的结构通常说明接口设计有问题,可以据此提出「拆平一层」的建议。

第三,空值分布。哪些字段在真实数据里总是 null,可能是设计里预留但没实现的,也可能是上游传参漏了。这三种判断在图上做都比在文本里快。

谁适合用

  • 调试接口、核对返回结构的前后端开发者
  • 要理解第三方 API 文档里示例数据的人
  • 整理配置文件、想让结构更清楚的人
  • 教学时演示 JSON 结构关系的讲师

怎么开始

  1. 打开 jsoncrack.com,把 JSON 粘进左侧编辑区或点「导入」上传文件。
  2. 结构图会自动生成,滚轮缩放、拖拽平移。
  3. 在右上搜索框输入字段名,匹配的节点会被高亮。
  4. 要换格式:把内容粘进编辑器,工具会自动识别并转换。
  5. 导出图片用上方「导出」按钮,分享则生成短链。

常见问题

数据会上传吗?
默认在浏览器本地解析。涉及敏感数据的接口返回,建议用自托管版本或先脱敏。

多大能处理?
几千个节点可以流畅操作,再大就会卡,建议先裁剪出关心的片段。

支持 JSON5 或注释吗?
标准 JSON 不支持注释,若数据里带注释需要先清理。

有本地版吗?
开源项目可自行部署,也提供桌面应用。

授权与合规

JSON Crack 以 MIT 许可开源,官网在线版免费使用,也可自行部署。 官网:jsoncrack.com

资源信息
界面语言 多语言
授权方式 开源免费
适用平台 Web
获取方式 直链下载
资源更新 2026-09-19
页面更新 2026-09-15

获取资源

点击下方按钮直接开始下载。

立即下载
直链 https://jsoncrack.com/