输入 JSON 后点击格式化
工具说明
关于 JSON 格式化工具
JSON 格式化工具会把压缩、杂乱或复制自日志的 JSON 重新缩进成可读结构，并在语法错误时帮你快速定位问题行。
这个工具同时支持格式化、压缩、校验和树形浏览，全部在当前浏览器中完成，适合检查 API 响应、配置文件和调试 payload。
怎么使用 JSON Formatter
- 把 JSON 粘贴到输入框，或直接使用示例数据确认格式。
- 点击格式化把一行 JSON 展开成带缩进的层级结构，点击压缩则去掉空白变成一行。
- 如果 JSON 无效，先看错误提示中的行列位置，再检查逗号、引号和括号是否匹配。
- 确认结果后复制输出，或切到树形视图检查深层字段。
真实使用场景
- 调接口时把后端返回的一整行响应展开，快速找到嵌套字段。
- 提交配置前检查 package.json、manifest 或接口 mock 数据有没有尾随逗号。
- 把要发给接口的 payload 先压缩成一行，避免手动删空格时破坏字符串内容。
- 排查线上日志里的转义 JSON，先格式化再和另一份响应配合 Text Diff 对比。
JSON 语法和常见报错
标准 JSON 只允许对象、数组、双引号字符串、数字、布尔值和 null。最常见的报错通常不是字段值错，而是语法符号不符合标准。
- 尾随逗号： 最后一项后面不能多一个逗号。
- 单引号： JSON 字符串和 key 都必须使用双引号。
- 未加引号的 key: {name:"dev"} 是 JavaScript 对象写法，不是 JSON。
- 注释： 标准 JSON 不支持 // 或 /* */ 注释，需要先移除或改用 JSON5。
JSON 格式化常见问题
- 我的 JSON 会上传到服务器吗？
- 不会。格式化、压缩、校验和树形浏览都在浏览器本地执行，内容不会上传到 wetool.site。
- Format 和 Minify 有什么区别？
- Format 增加缩进和换行，便于阅读；Minify 删除不必要空白，适合传输或粘贴到单行配置。
- 为什么提示 JSON 无效？
- 最常见原因是尾随逗号、单引号、未加引号的 key、括号不匹配或复制日志时带入了额外字符。
- 能处理比较大的 JSON 吗？
- 可以。较重的解析工作会尽量放到 Web Worker 中处理，避免主界面在大 payload 下卡死。
- 支持 JSON5 或注释吗？
- 这里按标准 JSON 校验。带注释、单引号或尾随逗号的 JSON5 需要先转换成标准 JSON。
为什么用浏览器本地 JSON Formatter
不少 JSON 片段来自内部接口、token、日志或用户数据。浏览器本地处理能减少把敏感 payload 贴到第三方服务器的风险，也方便离线或弱网时继续检查格式。
严格 JSON 与 JSON5 迁移清单
很多“JSON prettify 失败”的输入其实是 JavaScript 对象或 JSON5。上线接口、配置和日志字段通常仍要求严格 JSON。
- 把单引号字符串改成双引号，key 也必须加双引号。
- 移除尾随逗号、// 注释和 /* */ 注释，再交给严格 JSON parser。
- NaN、Infinity、undefined、Date 对象和函数都不是合法 JSON 值，需要先转换成字符串、数字、布尔值、null、数组或对象。
大 JSON 调试建议
大型 API 响应或日志 payload 不只要 prettify，还要避免浏览器卡顿和误删数据。
- 先格式化再搜索字段名，比在单行 JSON 里搜索嵌套路径更可靠。
- 对比两个响应前先用同样缩进格式化，否则 diff 会被空白和单行结构干扰。
- 如果 JSON 来自日志，先去掉前后的时间戳、级别、转义包装或多余文本，只保留真正的 JSON 片段。