代码格式化与压缩工具

代码格式化与压缩工具 是什么？

一款免费的在线代码格式化与压缩工具，可在浏览器中美化或压缩 HTML、CSS 和 JavaScript，全程不会离开你的设备。先选择语言，再选择「美化」对杂乱或单行的源码按 2 空格、4 空格或制表符缩进重新排版，或选择「压缩」来精简代码。美化由 js-beautify 提供支持；JavaScript 压缩使用 Terser 进行变量混淆与体积缩减，而 CSS 和 HTML 则通过移除注释、折叠多余空白来精简。Web 开发者常用它来把压缩后的第三方代码整理得便于阅读、在部署前缩减样式表和脚本，以及清理从构建输出中粘贴来的代码片段。

如何使用 代码格式化与压缩工具

1. 选择源码的语言：HTML、CSS 或 JS。
2. 选择操作：美化（格式化）或压缩（精简体积）。
3. 美化时，选择缩进方式：2 空格、4 空格或制表符。
4. 将代码粘贴或输入到输入框中——输出会自动更新。
5. 点击复制按钮获取结果，或点击清除清空输入重新开始。

示例

a{color:red;font-weight:bold}

a {
  color: red;
  font-weight: bold
}

function add(first, second) {
  return first + second;
}

function add(n,d){return n+d}

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

<ul><li>One</li><li>Two</li></ul>

常见问题

我的代码会被上传到服务器吗？

不会。美化和压缩全部在你的浏览器中本地完成——js-beautify 和 Terser 作为脚本加载并在你的设备上运行。代码绝不会离开你的机器，工具也能离线使用。

支持哪些语言和操作？

支持三种语言——HTML、CSS 和 JavaScript，每种都有两个操作：美化（按所选缩进格式化）和压缩（精简体积）。JavaScript 使用 Terser 压缩，CSS 和 HTML 则通过移除注释、折叠空白来精简。

我可以选择哪些缩进？

美化时可以用 2 空格、4 空格或制表符重新缩进。缩进仅在美化时生效；压缩会移除空白并忽略该设置。

为什么压缩我的 JavaScript 时报错了？

Terser 在压缩前会先解析你的 JavaScript，所以语法错误会使其中止，错误信息会显示在输出上方。修正提示的位置——通常是未闭合的括号、字符串或多余的符号——结果就会自动重新生成。

输出会自动更新吗？

会。每当你更改输入、语言、操作或缩进时，结果都会重新生成，因此无需按任何按钮即可格式化——满意时直接复制输出即可。