Skip to content

代码格式化/压缩 ​

接口返回一坨挤在一行的 JSON,肉眼根本找不到你要的那个字段。或者要把一段 CSS 压进邮件模板,得先去掉所有换行和空格。

「代码格式化/压缩」工具页填入示例输入后的界面:代码输入 / 参数配置 / 语言 / JSON / JavaScript / CSS / SCSS / Less / HTML;主按钮「格式化(美化)」;页头标签「浏览器本地执行 · 免费」

「代码格式化/压缩」填入示例输入后,右侧即时给出结果(图中数据为示例)。在浏览器本地完成、数据不离开浏览器,免费。

格式化:不只是好看 ​

把压缩的 JSON 展开成缩进结构,最直接的价值是能看出层级——哪个字段在哪一层、数组里有几个元素。

但还有一个常被忽略的用途:校验。格式化失败就说明这段 JSON 语法有问题,工具会指出位置。这比在代码里 debug 快得多。

最常见的 JSON 语法错误:

  • 尾随逗号:{"a":1,} —— JS 里合法,JSON 里不合法
  • 单引号:JSON 只认双引号
  • 注释:JSON 标准不支持 // 和 /* */
  • 未转义的换行:字符串里的真实换行必须写成 \n

支持的语言 ​

JSON、JS、CSS、SCSS、Less、HTML、XML、SQL。

SQL 格式化对读长查询特别有用——把嵌套的子查询和一长串 JOIN 展开成有缩进的结构,逻辑关系立刻清楚。

缩进用 2 还是 4 ​

默认 2 个空格。

  • 2 空格:JSON、JS、CSS 的社区惯例,层级深时不至于把行推得太右
  • 4 空格:Python 惯例;HTML/XML 层级深时用 4 会很快超出屏幕宽度

没有对错,但同一个项目里保持一致比选哪个更重要。

压缩:省的是传输不是存储 ​

压缩去掉所有可省略的空白。对 JSON 来说通常能减掉 20~40% 的体积。

需要注意:现代 Web 服务器一般都开了 gzip,而 gzip 对重复的空白压缩效率极高。所以在有 gzip 的场景下,手工压缩带来的额外收益比想象中小。

真正需要手工压缩的场景是:内联进 HTML 的样式和脚本、没有 gzip 的环境、以及有长度限制的字段。

浏览器本地处理 ​

代码不上传服务器。处理含密钥、含业务数据的配置文件可以放心。

相关工具 ​

最后更新:2026-09-05