代码格式化 🔒 完全在您的浏览器中运行——不上传任何数据。

美化或压缩 HTML、CSS 和 JavaScript。

关于此工具

代码有时以压缩形式从打包产物中出现,有时因随手粘贴而变得杂乱,而你需要相反的形态。这个格式化工具两者都能做:美化以展开并缩进 HTML、CSS 或 JavaScript 使其易读,或压缩以精简用于发布。JavaScript 压缩由 Terser 处理,CSS 由 CSSO 处理——正是真实构建流水线中久经考验的工具。

一切都在你的浏览器中本地运行,因此即便是专有代码也留在你的机器上。选择语言,选择美化或压缩,然后复制结果。

常见问题

美化(beautify)和压缩(minify)有什么区别?

美化会添加缩进和换行,让代码易于阅读;压缩会去除空白、注释并缩短变量名,使文件在生产环境中尽可能小。开发时用美化,上线前用压缩。

压缩会改变代码的运行行为吗?

理论上不会——压缩工具只重写在语义上可证明等价的部分(比如重命名局部变量、删除死代码等)。如果压缩后的输出行为不同,通常说明原代码依赖了对空白敏感的特殊写法,或压缩器的解析器发现了一个真实的 bug。

我的代码会被上传吗?

不会。格式化和压缩都完全在你的浏览器中运行,使用一次性加载并在本地执行的 JavaScript 库(js-beautify、Terser、csso)。你的代码不会离开这个页面。

这个格式化工具支持哪些语言?

支持 JavaScript、CSS 和 HTML。JS 压缩使用 Terser,CSS 压缩使用 csso,HTML 压缩则是一套轻量的自定义处理,会保留 <pre>、<script>、<style> 标签内的内容。

为什么我得到的是语法错误而不是格式化后的结果?

格式化工具在美化或压缩之前会先解析你的代码,因此如果存在真实的语法错误(比如括号不匹配、多余的逗号),会附带行号提示报错,而不是悄悄输出一份损坏的结果。