data

JSON 格式化工具

免费在线 JSON 格式化与校验:Monaco、JSONPath、TypeScript/YAML、Diff、Schema、树形视图,本地处理。

关于此工具

DevCove JSON 格式化工具是一款免费的在线 JSON 格式化、校验与美化工具,面向开发者日常使用。你可以粘贴 API 响应、配置文件或日志片段,进行语法高亮阅读、精确语法错误定位、压缩 JSON、排序键名,并在树形视图中浏览结构。全部处理在浏览器本地完成,Token、业务数据和客户信息不会上传到服务器。

如何使用

当你需要快速把 JSON 变得可读、可校验,又不想安装插件或把敏感数据上传到第三方网站时,可以直接使用本工具。

  1. 将原始、压缩或复制的 JSON 粘贴到编辑器,拖拽 .json 文件到工作区,或点击「上传文件」。
  2. 输入时注意底部状态栏:JSON 有效时会显示字符数、行数和大小;无效时会在编辑器内标记错误行与列。
  3. 点击「格式化 JSON」,按所选缩进(2 空格、4 空格或 Tab)美化输出。
  4. 点击「压缩」去除多余空白,生成适合 API、请求头或环境变量的单行 JSON。
  5. 点击「排序键名」递归按字母顺序排列对象键,便于提交前对比或 Code Review。
  6. 若解析失败,可尝试「修复 JSON」处理尾逗号等常见问题,确认无误后再复制结果。
  7. JSON 有效时切换到「树形」视图,浏览深层嵌套的对象与数组。
  8. 打开「开发者工具」面板,使用 JSONPath 查询、TypeScript 类型生成、YAML 互转、JSON Diff 与 JSON Schema 校验。
  9. 确认结果后使用「复制」或「下载」,用于应用、测试或文档。

功能特点

本工具将专业代码编辑器与开发者常用的 JSON 能力整合在一起:

  • 基于 Monaco 的 JSON 编辑器:语法高亮、行号、代码折叠与自动换行。
  • 输入时实时校验 JSON,内联错误标记,并显示精确行号与列号。
  • 美化(Pretty Print)JSON,支持 2 空格、4 空格或 Tab 缩进。
  • 压缩 JSON,减小 HTTP 响应、URL 或存储体积。
  • 递归按字母顺序排序对象键,便于稳定 diff 与审查。
  • 在本地修复常见 JSON 语法问题,例如部分尾逗号场景。
  • 树形视图,便于浏览复杂 API 响应与配置结构。
  • 开发者工具面板:JSONPath、JSON 转 TypeScript、JSON ↔ YAML、结构 Diff、JSON Schema 校验。
  • 超大 JSON 使用后台 Web Worker 校验,减轻主线程卡顿。
  • 工具栏集成上传、下载、复制、示例与清空操作。
  • 状态栏展示字符数、行数与近似大小。
  • 100% 客户端处理——无需登录、不上传、不在服务端保存 JSON。
  • 适用于 REST API 调试、Webhook 载荷、package.json 片段与 CI 配置检查。
  • 中英文界面,本页提供 SEO 说明,并链向 JSON 学科课程。

常见问题

这个 JSON 格式化工具免费吗?隐私如何?

免费使用。格式化、校验、压缩与修复均在浏览器本地执行,JSON 不会发送到 DevCove 服务器。

JSON 格式化工具和 JSON 校验工具有什么区别?

校验工具只判断文本是否符合 JSON 规范;格式化工具还会把合法 JSON 排版成易读结构。本工具两者兼备:输入时自动校验,需要时再格式化或压缩。

输入时能否实时校验 JSON?

可以。编辑器会持续校验(带短延迟防抖)。语法错误会在编辑区高亮,底部显示行号、列号和解析器提示。

「格式化 JSON」和「压缩」有什么区别?

格式化会增加缩进与换行,方便人阅读嵌套数据;压缩会去掉多余空白,得到最短合法 JSON 字符串,适合生产环境传输。

缩进应该选 2 空格还是 4 空格?

都合法。许多 JavaScript 项目与 API 使用 2 空格,部分企业配置偏好 4 空格。请选择与团队或目标系统一致的选项后再格式化。

修复 JSON 能处理哪些问题?

主要针对尾逗号、部分引号或括号等常见错误。它是辅助功能,不保证所有损坏 JSON 都能修复——生产使用前请人工确认结果。

什么时候适合用树形视图?

当 JSON 已通过校验、结构较深时,树形视图比长文本更易浏览,特别适合大型 API 响应。

能否格式化 API 响应或日志里的 JSON?

可以。直接粘贴响应体或日志片段,或上传 .json 文件。若文本接近 JSON 但含 JavaScript 习惯写法,校验失败后可尝试「修复 JSON」。

离线能用吗?

页面加载完成后,核心功能在浏览器本地运行。断开网络后,仍可对编辑器中已有内容格式化、校验和复制。

有文件大小限制吗?

DevCove 不人为限制上传大小。超大文档可能因本地解析与渲染变慢,取决于你的设备与浏览器。

JSONPath 是什么,什么时候用?

JSONPath 是用于在嵌套 JSON 中选择字段的查询语法,思路类似 XML 的 XPath。文档校验通过后,可在 JSONPath 标签页测试如 $.items[*].id 等表达式,便于探索 API 响应。

能否对比两份 JSON?

可以。打开 Diff 标签页,文档 A 为主编辑器内容,在对比框粘贴文档 B,点击对比即可。工具会以结构 diff 方式报告新增、删除与变更路径。

是否支持 JSON Schema 校验?

支持。在 Schema 标签页粘贴兼容 draft-07 的 JSON Schema,即可对编辑器中的 JSON 做本地校验;不符合时会列出约束失败项。

有没有系统学习 JSON 本身的课程?

有。DevCove 提供独立的 JSON 学科课程 /courses/json/,涵盖语法、类型、解析与实际模式。课程讲授 JSON 数据格式本身,不是逐步点击工具按钮的说明。