JSON 格式化完整指南：在线美化、压缩、校验与排错

JSON 格式化（也叫 JSON 美化、JSON beautify）是把紧凑无空白的 JSON 字符串重新排版成带缩进、换行的可读结构的过程。例如：

{"name":"张三","age":30,"tags":["dev","admin"]}

格式化后变成：

{
  "name": "张三",
  "age": 30,
  "tags": [
    "dev",
    "admin"
  ]
}

反向操作叫 JSON 压缩（minify），把所有空白字符去掉以减少传输体积，常用于生产环境的 API 响应。

1. 把 JSON 字符串粘贴到左侧输入框（支持多行嵌套结构）。
2. 点击「格式化」按钮，右侧立即出现美化后的版本。
3. 不确定 JSON 是否合法？点「校验」获取错误位置（精确到行列号）。
4. 想压缩成单行？点「压缩」生成无空白版本，下方实时显示字符数。
5. 复制按钮一键拷贝结果，或下载为 .json 文件。

所有处理都在你的浏览器本地完成，敏感数据（如 API token、用户信息）不会上传到任何服务器，可放心粘贴生产数据调试。

JSON 解析失败时，本工具会高亮错误位置并提示原因。下面是开发中最常踩的 5 个坑：

• 尾随逗号：{"a": 1,} 不合法。标准 JSON 不允许在最后一个元素后留逗号，但 JavaScript 对象允许，初学者容易混淆。
• 单引号字符串：{'name': 'Alice'} 不合法。JSON 强制要求所有字符串和键名用双引号 "。
• 未引号的键名：{name: "Alice"} 不合法。JSON 的键名必须是字符串（双引号包裹）。
• 未转义的特殊字符：字符串中的换行 \n、反斜杠 \\、双引号 \" 都需要转义。
• 注释：标准 JSON 不支持 // 或 / / 注释。如需注释请使用 JSON5 或 JSONC（VS Code 的 settings.json 用的就是 JSONC）。

• JSON Path 查询：从大型 JSON 中提取特定字段，本站还有「JSON 路径查询」工具。
• JSON ↔ YAML/CSV 转换：使用「数据格式转换」工具一键互转，配置文件迁移常用。
• JSON 对比：两份 JSON 之间的结构化 diff（哪个 key 变了、哪个加了），看「JSON 对比」工具。
• Schema 校验：超出本工具范围，可用 ajv 等专业库做 JSON Schema 校验。

前端发起 fetch 请求时，response.json() 把响应文本解析成对象；后端框架（如 Express、Spring Boot、Gin）则把请求体反序列化成结构化数据。每一次往返都涉及 JSON 的序列化与反序列化。开发阶段你会大量用到「格式化」（看清结构）、「压缩」（写测试用例时塞进单行）、「校验」（确认 mock 数据合法）这三个动作，本工具就是为这些场景设计的。