JSON 格式化

使用可配置的缩进美化和格式化 JSON。粘贴 JSON 即可立即格式化。

1
2
3

JSON 格式化最佳实践

遵循这些技巧,保持项目中 JSON 的整洁和一致。

1

团队使用统一的缩进

选择 2 或 4 个空格并在整个项目中统一使用。添加 .editorconfig 或 Prettier 配置来自动强制约定。统一的格式化使代码审查更快,差异更清晰。

2

提交到版本控制前先格式化

在推送到 Git 之前,始终格式化 JSON 文件。这可以避免因空白更改导致的噪音差异,帮助团队在审查时专注于真正的内容差异。

3

生产 API 使用压缩 JSON

通过 API 传输 JSON 时,压缩它可以减少 30-60% 的负载大小。更小的负载意味着更快的网络传输、更低的带宽成本和更好的移动端性能。

4

排序键以获得可预测的输出

按字母顺序排列对象键使 JSON 具有确定性且适合差异比较。这对配置文件、锁文件和存储在版本控制中的 JSON 特别有用。

格式化功能

专业的 JSON 格式化工具,触手可及。

可配置缩进

选择 2 或 4 个空格的缩进,匹配您的编码风格和项目标准。

一键格式化

一键或快捷键(Ctrl/Cmd + Shift + F)即可立即格式化 JSON。

语法高亮

带括号匹配和代码折叠的彩色 JSON 显示,轻松阅读。

什么是 JSON 格式化?

JSON 格式化(又称「美化输出」)为 JSON 文档添加缩进、换行和空格,使其更易于人类阅读。压缩的 JSON 针对机器优化;格式化的 JSON 则针对开发者优化。

格式化前(压缩)

{"name":"Alice","age":30,"roles":["admin","user"]}

格式化后(2 个空格缩进)

{
  "name": "Alice",
  "age": 30,
  "roles": [
    "admin",
    "user"
  ]
}

JSON 格式化常见问题

JSON 格式化工具的作用是什么?

JSON 格式化工具将紧凑或格式混乱的 JSON 重新排列,添加适当的缩进和换行,使其易于阅读和调试。

可以选择缩进大小吗?

可以,您可以在工具栏中选择 2 个或 4 个空格的缩进。

会保留我的数据吗?

当然。格式化只改变空白——所有键、值和结构保持不变。

可以用快捷键格式化 JSON 吗?

可以!使用 Ctrl+Shift+F(Mac 上为 Cmd+Shift+F)即可立即格式化整个文档。也可以点击工具栏中的格式化按钮。

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

格式化添加空白、缩进和换行使 JSON 可读。压缩则相反——去除所有不必要的空白,生成最小的输出,适用于 API 和生产环境。

可以按字母顺序排列 JSON 键吗?

可以,点击工具栏中的「排序键」按钮。这将在每个嵌套层级对所有对象键按字母顺序重新排列,使 JSON 具有确定性且更易于比较。

这个工具离线可以使用吗?

可以,JSON Online 是一个渐进式 Web 应用(PWA)。加载后即可完全离线工作。所有处理都在您的浏览器中完成——初次加载后无需网络连接。

相关工具

探索更多 JSON 工具,提升你的工作效率。