功能说明
本工具用于压缩 HTML 代码,减小文件体积,提升网页加载速度。主要功能包括:
- 移除 HTML 注释(可选,默认开启)
- 压缩标签间的多余空白和换行(可选,默认开启)
- 移除布尔属性的冗余值(如 checked="checked" 简化为 checked,可选,默认开启)
- 压缩内联 CSS 和 JS(可选,默认关闭)
使用方法
将 HTML 代码粘贴到输入框中,根据需要勾选压缩选项,点击“压缩”按钮即可。结果区会显示压缩前后的体积对比和压缩后的代码,点击“复制结果”可复制到剪贴板。也可以使用 Ctrl+Enter 快捷键快速压缩。
计算原理
压缩原理基于正则表达式和字符串处理:
- 注释移除:匹配
<!--...-->并删除(保留 IE 条件注释)。 - 空白压缩:将多个空白字符(空格、换行、制表符)合并为一个空格,并移除标签之间的空白。
- 布尔属性处理:识别常见布尔属性(如 disabled、checked 等),将
attr="attr"形式简化为attr。 - 内联 CSS/JS 压缩:移除注释和多余空白,同时保护字符串内容不被破坏。
注意:pre、textarea、script、style 标签内部的内容会被保留原样,避免破坏代码功能。
注意事项
- 压缩后的代码可读性降低,建议仅在发布时使用。
- 如果 HTML 中包含条件注释(如 IE 的
<!--[if IE]>),工具会保留,以免影响兼容性。 - 压缩内联 JS 时,请确保代码语法正确,否则可能产生意外结果。
- 本工具不处理外部引用的 CSS/JS 文件,仅压缩当前 HTML 内的内容。