web-app

JSON Crack

所属分类:综合工具箱

把结构化数据转换为可交互关系图的在线查看器

JSON Crack 是一款在线结构化数据查看工具,适合需要阅读嵌套 JSON、检查接口响应或理解配置文件的开发者、数据分析人员和技术支持人员。它把文本编辑器和关系图放在同一页面,让字段层级更容易浏览,也可以在多种常见数据格式之间切换。

JSON Crack:把结构化数据转换为可交互图形

发布于 2026年10月2日更新于 2026年10月27日

JSON Crack 首页介绍交互式 JSON 图形查看器,并提供前往编辑器的入口

从嵌套文本读出数据关系

JSON 中的对象、数组和多层字段通常以缩进文本呈现。结构较小时,这种形式清楚直接;对象层数增加后,读者需要反复定位大括号、属性名和数组成员,才能判断某个值属于哪个父节点。JSON Crack 的编辑器会把数据转换成节点关系图,字段名称沿连接线展示,节点内则显示对应的值或子项摘要。查看者可以在图形和原始文本之间对照,不必只靠缩进推测数据结构。

主页将主要用途概括为把 JSON 可视化为交互图形。编辑器中,左侧代码区域显示输入,右侧画布呈现节点和连接线。对象可以显示包含多少个字段,数组可以显示成员数量;展开后,内部字段和数组成员各自占据节点。对于 API 响应、配置文件或导出的数据样本,这种展示方式可以帮助快速找到嵌套的位置,并看出同一层级中的字段如何组织。 在排查接口数据时,可以先从响应中抽取一段不含凭据的代表性内容,再沿图形查看字段位于哪一个父对象之下。节点和连接线便于在评审或问题讨论时指向相同结构,但键名仍只是数据本身,并不会自动解释字段的业务含义。形成判断后,还应回到原始响应和接口定义确认结论,避免把画布布局误当成数据顺序或业务规则。若比较不同时间或环境的结果,可以分别保留脱敏样例,核对字段新增、删除和类型变化;把关键字段路径记下来,通常比只依赖节点在画布上的位置更容易复查。

编辑器把 Northwind 商店数据展开为对象、数组和字段节点

在编辑器中查看和转换格式

左侧文本区域使用代码编辑器,页面上方显示当前数据状态。合法示例会显示 Valid,编辑内容后画布随之更新。格式菜单包含 JSON、YAML、XML 和 CSV;选择其他格式时,编辑器会转换当前内容,而不是只更改菜单文字。把一个包含对象、数组和字段值的 JSON 切换为 YAML 后,键名、列表成员和布尔值仍能在新的文本形式中辨认,图形区域也继续展示其层级。

YAML 转换适合阅读配置文件或在不同工具之间整理数据;XML 和 CSV 则对应其他系统常见的数据交换格式。格式转换能节省手动改写结构的时间,但不同格式对对象层级、数组和类型的表达并不相同。正式使用结果前,应检查转换后字段是否保留、空值和布尔值如何呈现,并确认目标系统接受所选格式。图形视图提供结构线索,不能替代针对具体业务规则的校验。

相同商店数据切换为 YAML 后仍保持可读的字段与列表层级

导入数据并继续检查

主页说明用户可以直接输入内容,也可以上传 JSON 文件或从 URL 导入数据。编辑器中可见 Choose File 入口,适合把本地样例送入画布查看。使用网址载入外部数据时,网络访问、跨域策略和目标接口权限会影响结果;私有 API、需要凭据的资源或本地文件路径,不一定能直接从浏览器读取。遇到导入失败时,可以先将允许分享的样例复制到编辑器,确认数据本身格式正确,再排查来源服务的限制。

输入区和关系画布同处一页,适合边读边修改小型数据样本。读者可以从根节点开始,沿字段连接寻找目标属性,再回到文本中核对具体值。对于数组记录,可以比较成员共有的字段,也能发现某条记录是否包含额外属性。若对象非常深或成员数量很多,画布可能需要缩放、滚动或调整布局;此时按字段名搜索、折叠不关心的分支,可以减少视线在大块数据间来回移动。

导出图形与继续编辑

画布工具栏提供图片导出入口。导出对话框列出 PNG、JPEG 和 SVG,并允许设置文件名及背景颜色。PNG 适合插入文档、工单和知识库;JPEG 通常便于压缩后分享;SVG 则保留矢量图形,适合在支持矢量格式的编辑器中继续处理。选择格式时要考虑读者使用的软件、透明背景需求和图形细节,而不是只看文件扩展名。

图形适合说明数据结构、解释字段关系或在评审材料中展示一段脱敏样例。导出前应移除访问令牌、个人信息、内部域名和真实业务数据,避免把敏感内容带入图片。JSON Crack 提供的是结构查看与展示入口;图像文件保存后不会自动替代源数据的版本管理,也不会证明数据符合接口规范。

面向开发流程的附加能力

官网还介绍了 JSON 与 YAML、CSV、XML 之间的转换,以及根据 JSON 生成 TypeScript 接口、Go 结构体、Rust serde 类型或 JSON Schema 等开发辅助功能。首页也列出 JWT 解码、随机数据、jq 和 JSONPath 等入口。这些功能覆盖了从阅读样例到准备开发材料的多个环节,适合在处理接口文档、测试响应或梳理配置时作为辅助工具。具体工具的开放范围、支持细节与使用限制应以当前页面和相应说明为准。

主导航提供 VS Code、Chrome 扩展和嵌入相关入口,编辑器也链接到 GitHub 项目。若团队希望把图形放进教程或文档,可以检查嵌入说明中的可配置选项;若只是临时分析,则可以直接使用网页编辑器。扩展、嵌入和外部服务拥有各自的运行环境,安装前应确认它们需要访问的数据范围,并按组织要求评估权限。

费用、数据处理与适用边界

官网 FAQ 将 JSON Crack 描述为免费且开源的工具,并说明部分高级能力可能由 ToDiagram 提供。编辑器页面设有升级入口,因此免费编辑器和额外服务的功能边界可能不同;对需要长期保存、团队管理或高级编辑能力的用户,应查看当前套餐页面,不要把首页的免费描述理解为所有关联产品都免费。官网也在 FAQ 中声明,输入或导入的数据只在浏览器中处理,不会发送到服务器。该表述是网站自己的隐私说明,使用者仍应遵循内部数据分类规则,不要把机密内容粘贴到未获批准的在线服务。

JSON Crack 适合快速查看结构清晰度、制作示意图、理解陌生 JSON,以及在 JSON 与其他表示形式之间转换。它不等同于完整的 API 调试器、数据库客户端、代码构建环境或自动化测试系统,也不能替用户判断字段业务含义。大型数据集、需要认证的数据源、复杂查询和严格的兼容性验证,应结合本地脚本、正式开发工具和目标服务文档处理。把它用于小型样例和结构探索,能让问题更直观,同时保留对最终数据结果的复核。