代码压缩工具

什么是代码压缩工具？

代码压缩工具是一个基于浏览器的工具，可以压缩 JavaScript、CSS 和 HTML 代码以减小文件大小。它删除不必要的字符（如注释、空白和可选的语法元素），同时保持代码的功能。

为什么要压缩代码？

压缩代码可以减小文件大小，从而加快页面加载速度并降低带宽使用。较小的文件意味着用户下载速度更快，网页性能评分也会提高。

您的代码保持私密

所有压缩都在您的浏览器中进行：

• 无上传 — 您的代码永远不会离开您的设备
• 无跟踪 — 我们不收集或存储您粘贴的任何代码
• 完全隐私 — 所有处理都在您的浏览器中本地进行

如何使用代码压缩工具

快速操作

键盘快捷键

• Ctrl + Enter — 立即压缩（绕过防抖延迟）
• Tab — 在输入区域中插入 4 个空格用于缩进

功能

JavaScript 压缩

由Terser提供支持 — 一个行业标准的 JavaScript 压缩工具，支持现代 ES6+ 语法并提供高级优化功能。

CSS 压缩

• 删除 CSS 注释（/* ... */）
• 合并空白并删除选择器和属性周围的不必要空格
• 缩短十六进制颜色（#ffffff → #fff）
• 优化零值（0px → 0）
• 删除闭合大括号前的尾部分号
• 保留 calc() 表达式中的必要空格

/* Main styles */
.button {
    background-color: #ffffff;
    padding: 0px 10px;
    margin: 0px;
}

.button{background-color:#fff;padding:0 10px;margin:0}

HTML 压缩

• 删除 HTML 注释，同时保留条件注释
• 合并标签之间和周围的空白
• 删除可选的闭合标签（</li>、</p>、</td> 等）
• 删除简单值的不必要属性引号
• 删除默认类型属性（type="text/javascript"、type="text/css"）
• 保留 <pre>、<script>、<style> 和 <textarea> 标签中的内容

常规功能

常见问题

function calculateTotal(price, quantity) {
    return price * quantity;
}

function calculateTotal(a,b){return a*b}