无需上传、100% 本地处理、无需账户

压缩 / 美化

压缩或美化代码。一切都在浏览器中完成。

压缩 / 美化 的工作原理

压缩/美化工具通过删除注释、不必要的空白和多余的字符来压缩 HTML、CSS 和 JavaScript,或将压缩的代码展开回可读的缩进形式。所有处理都使用捆绑的解析器在浏览器中进行;你粘贴的内容不会传输到任何地方。你在这里输入的内容不离开你的设备。

压缩直接影响页面加载性能:较小的文件传输更快,解析更快,消耗更少的带宽。对于生产部署,压缩资产是标准做法。此工具在你收到需要读取的压缩文件(美化)、想要在将压缩集成到构建管道之前检查压缩对代码片段的影响,或需要快速一次性压缩而无需设置构建工具时非常有用。

压缩 / 美化 的分步使用说明

  1. 将 HTML、CSS 或 JavaScript 代码粘贴到输入区域。
  2. 从下拉菜单中选择语言类型(HTML、CSS 或 JavaScript)。
  3. 点击「压缩」生成压缩版本,或点击「美化」展开和缩进代码。
  4. 使用复制按钮从输出区域复制结果。
  5. 粘贴不同的代码并根据需要重复。

常见使用场景

  • 前端开发者想要压缩关键 CSS 片段,将其内联到 HTML head 中以提高首屏性能。
  • 开发者收到压缩的第三方脚本,需要美化它以在安全审查期间理解其逻辑。
  • 技术写作者需要压缩的 JSON-LD script 标签的美化版本,以包含在文档中。
  • Web 开发者检查压缩 CSS 文件节省的字节数,以决定是否添加构建步骤。

常见问题

我粘贴的代码会发送到服务器进行压缩吗?

不会。压缩和美化由该工具自身编写的页面代码完成,而不是调用第三方压缩库。所有处理都保留在浏览器标签页中。你在这里粘贴的内容不会传输到 Sunasty 或任何第三方。

JavaScript 压缩会保留代码的原始行为吗?

好的压缩器通过只删除空白、在受控范围内缩短变量名以及删除注释来保留行为。此工具针对安全变换。死代码消除或函数内联等激进优化通常不会应用,因为这些需要完整的程序分析。

可以先压缩再美化结果来验证吗?

可以。先压缩代码,然后将压缩后的输出粘贴回输入并点击美化。美化后的版本看起来与原始源代码不同(变量名可能被缩短,注释被删除),但结构上是等效的。

HTML 压缩会删除所有注释吗?

工具在压缩过程中删除标准 HTML 注释(<!-- ... -->)。旧版 IE 使用的条件注释(<!--[if IE]...-->)始终会被保留,因此删除注释不会破坏依赖它们的旧版行为。

可以压缩的代码大小有限制吗?

限制是你浏览器标签页的可用内存。几百千字节以内的代码处理很快。对于大型 JavaScript 包(兆字节),esbuild、Terser 或 Lightning CSS 等专用构建工具在生产使用中更快且更合适。