用途

JSON 在线格式化与可视化工具，把杂乱的 JSON 字符串一键美化、压缩、校验和转换为 XML，支持树形视图、表格视图、关系图三种查看方式。粘贴或拖入 JSON 文件后，工具会用 Web Worker 解析，大文件（百兆级）也不卡浏览器主线程。错误会精确到 line:column 高亮，宽松模式可解析带注释、尾随逗号的非标准 JSON。常用于调试 REST API 返回数据、检查日志中的 JSON 字段、对比多版本 schema 差异，是后端、前端、测试岗位的高频开发工具。

操作步骤

1. 把 JSON 字符串粘贴进左侧编辑器，或拖入 .json 文件；超过 1MB 会自动启用 Worker 解析避免卡顿
2. 选择视图模式：分屏（编辑+树形并排）、纯树形（适合嵌套深的对象）、原始（保留缩进格式）
3. 点击「格式化」展开为 2 空格缩进的标准 JSON；想压缩传输点「压缩」去掉所有空白
4. 若 JSON 有语法错误，编辑器会高亮报错位置并给出行列号，按提示修正即可
5. 需要校验结构合法性时点「Schema」按当前 JSON 推断一份 JSON Schema 草稿
6. 需要转 XML 点「JSON → XML」，反向粘贴 XML 点「XML → JSON」
7. 多组 JSON 对比差异点「对比」开 diff 视图，左右两栏的增删改高亮显示
8. 搜索 key 或 value 用顶部搜索框，匹配路径会在树形里自动展开并定位
9. 导出可选 JSON 文件、压缩字符串复制到剪贴板、生成分享链接（数据不上传服务器）

常见问题

JSON 解析失败提示 Unexpected token，怎么定位错误？

错误信息里会带 line:column，工具会在编辑器对应位置高亮闪烁。常见原因：尾随逗号（"a":1,}）、单引号包裹字符串、key 没加引号、注释残留。这些都不是标准 JSON，但可以开启「宽松模式」让工具兼容解析。

一个十几兆的 JSON 打开后浏览器卡死怎么办？

工具会自动检测文件大小，超过 1MB 自动用 Web Worker 在子线程解析，UI 不会冻结。如果还是卡，可以试试树形视图懒展开（默认只展开第一层），按需点开节点；或者点「压缩」把空白去掉减少 DOM 数量。

怎么把 JSON 转成 TypeScript 接口或 Java 实体类？

本工具支持 Schema 推断，但生成 TS 类型/Java POJO 是另一个专门工具（json-to-types / sql-to-entity），点工具栏的「跨站直传」按钮可一键把当前 JSON 送过去继续处理，数据走 postMessage 不经服务器。

JSON 里有中文，复制出去变成 \u4e2d\u6587 转义了？

默认输出会保留 UTF-8 中文不转义。如果你看到 \u 转义，是因为来源端用了 ensure_ascii=True（Python json.dumps 默认行为）或类似设置。本工具的「格式化」按钮永远输出可读中文；想强制 ASCII 转义可以用配套的 unicode-converter 工具。

数据敏感会被上传吗？

所有解析、格式化、压缩都在浏览器本地完成，不向任何服务器发送内容。可在浏览器 DevTools 的 Network 面板验证：除了首次加载页面外，操作过程中没有任何 fetch / XHR 请求。

应用场景

• 调试 REST API：从 Postman / 浏览器 Network 面板复制响应体，粘贴进来一键格式化，配合搜索快速定位某个字段
• 排查生产日志：日志里 JSON 字段被压缩成一行，复制进工具展开后能看清嵌套结构和异常字段
• 审查配置文件：复杂的 application.json / package.json 用树形视图浏览，比 IDE 缩进看着更清爽
• 校验前后端接口契约：把后端返回的 JSON 推断出 Schema，再让前端按 Schema 写类型，减少联调误解
• 对比环境差异：把 dev 和 prod 的同一接口响应贴左右两栏 diff，定位字段缺失或值漂移

适用场景

调试 REST API 返回、排查日志 JSON 字段、对比多版本数据差异、检查配置文件结构、为前端推断类型。后端联调、测试用例编写、生产排障的高频场景都用得上。大 JSON 走 Worker 解析、错误精确定位、宽松解析模式是本工具的关键差异点。