JSON Crack 交互式 JSON 可视化工具｜把数据变成可展开的树图翻译站点

JSON Crack 是一个把结构化数据画成图的在线查看器。贴进一段 JSON，它立刻铺开成一棵可缩放、可折叠的树，嵌套层级、数组长度与字段之间的关系都摆在眼前，比在编辑器里逐层缩进更容易看懂。数据的解析全在浏览器本地完成，不会被上传到服务器。

从文本到图形

左侧写数据，右侧实时成图，改动即时反映。树图支持滚轮缩放与节点折叠，面对动辄数千行的接口返回，可以只展开关心的那一支，剩下的收起来。看不过来的层级用不着自己数括号，图的结构本身就把关系讲清楚了。排查嵌套数组、找出字段归属这类活，在图里比在文本里快。

多格式互转与校验

• 格式互转：JSON、YAML、CSV、XML 之间可相互转换，例如 JSON 转 CSV、YAML 转 JSON，换格式的活不必再写脚本。
• 格式化与校验：自动美化缩进，并对 JSON、YAML、CSV 做合法性检查，语法错在哪一列会直接标出。
• 导出图片：成图可导出为 PNG、JPEG 或 SVG，贴进文档、工单或幻灯片都方便。
• 高级小工具：可解码 JWT、生成随机测试数据、执行 jq 查询与 JSONPath。

代码与 Schema 生成

看到一份接口数据后，往往要顺手写出对应的类型定义。JSON Crack 能据此生成 TypeScript 接口、Go 结构体、Rust serde 等代码骨架，也能生成或校验 JSON Schema、按 Schema 造出模拟数据。前后端对接时，先把返回结构贴进来生成类型，能少掉一些手抄字段的差错。

开源与本地化

项目本身开源，源码托管在 GitHub，可自行部署到内网，涉敏数据就能留在自己机器上。官方另有 VS Code 扩展，在编辑器里直接打开 json 文件即可成图，不必切到浏览器。对偶尔处理敏感配置或日志的人，本地部署这条路径更稳妥。

使用须知与局限

在线版默认在浏览器内运算，但若数据极为敏感，仍建议用自托管或 VS Code 扩展，避免把内容交给任何第三方页面。图形的可读性依赖数据结构，字段过多时整张图会显得拥挤，此时更适合折叠后分段查看，而不是一味放大。它专注查看与转换，不做持久化存储，关掉页面数据即散，重要内容需自行留存。