在线 JSON 工具

如何使用在线 JSON 工具

工具采用主编辑器常驻 + 按需面板的工作台布局：左侧为历史记录，中间是主 JSON 编辑器，右侧为可开关的高级面板。

1. 在中间编辑器里粘贴或输入 JSON，实时语法校验会在出错行就地标出并提示原因（含行列定位）。
2. 顶部工具栏完成常用操作：
   • 格式化（美化缩进）、压缩（去除所有空白）、排序键（递归按键名升序）；
   • 转义 / 去转义：在「可嵌入 JSON 字符串的转义文本」与「原文」之间互转；
   • U→中 / 中→U：在 \uXXXX 与中文字符之间互转；
   • 树视图 / 文本视图切换，只读折叠树便于浏览大型嵌套结构、快速定位字段；
   • 快照 / 复制 / 下载当前内容。
3. 右侧三个高级面板按需开关（一次开一个）：
   • 查询、转换、对比（详见下文）。

JSONPath 查询

在「查询」面板输入 JSONPath 表达式即可从当前 JSON 中提取子集，例如：

• $.store.book[*].title —— 取出所有 book 的 title；
• $..price —— 递归取出所有 price 字段。

结果以 JSON 展示，可复制，或点「作为新文档打开」把结果替换到主编辑器继续处理。当前 JSON 非法时面板会提示先修正。

多格式互转

在「转换」面板选择目标格式，即可把当前 JSON 转换为：

• YAML —— 常用于配置文件；
• CSV —— 需要 JSON 根为对象数组，嵌套字段会用点路径（如 a.b）拉平为表头，方便导入 Excel；
• TypeScript 接口 —— 由 JSON 采样推断生成 interface（单向 JSON→类型，部分元素缺失的字段标记为可选 ?）；
• Go struct —— 生成带 json tag 的结构体（单向 JSON→代码）。

结果可一键复制。

结构化对比

「对比」面板把当前编辑器内容作为左侧，粘贴第二份 JSON 作为右侧，按键逐层比对，用颜色标出新增 / 删除 / 修改。

它与站内「文本对比」工具定位不同：文本对比按行比较纯文本，本工具理解 JSON 结构、按字段路径比较，更适合看两份接口数据的差异。

历史记录（本地存储，可收起）

左侧历史栏默认展开，可点击 « 收起、点击 » 重新弹出：

• 每次有效编辑（内容为合法 JSON）会自动保存一条记录；也可随时点「快照」手动保存；
• 记录仅存放在你当前浏览器的 localStorage，最多保留最近 30 条，不会上传服务器；
• 点击任意一条即可恢复该内容到编辑器；可逐条删除，或一键清空；
• 换设备、换浏览器或清理浏览器数据后，历史记录会随之消失。

为什么选择 toolbaba 的 JSON 工具

• 强大不臃肿：主编辑器常驻，查询/转换/对比等高级能力按需出现，界面清爽。
• 一站搞定：格式化、校验、压缩、排序、转义、Unicode 互转、JSONPath 查询、多格式互转、结构化对比。
• 本地处理：解析与转换全程在浏览器内完成，数据不上传服务器，隐私安全。
• 历史可回溯：本地自动记录最近操作，随时一键恢复。
• 免费免登录：打开即用，无需注册。

适用于格式化接口返回数据、校验配置文件、压缩 JSON 减小体积、处理含转义字符的日志、从大响应里用 JSONPath 抽取字段、把 JSON 转成 YAML/CSV/类型定义、对比两份数据差异等场景。