开发者工具 / 15

HTML压缩工具

在浏览器中解析HTML、移除注释,并以保守方式压缩文档空白字符。

HTML压缩工具: TOEA使用浏览器的HTML解析器,移除注释节点,并压缩preformatted、textarea、script和style元素之外的文本空白字符。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
HTML压缩工具本地处理

完全在浏览器中运行

空白会保留在哪里

每段连续的空格、制表符和换行会变成一个空格,而不会直接消失,因为内联内容旁边的空格是可见的:在Read <a href="/guide">the guide</a> now中,链接两侧的空格都会保留。只有在浏览器不会显示空白的地方才会删除,例如<p>、<li>或<div>等块级元素的开头和结尾,以及块级兄弟元素之间(如<li>项目之间的缩进)。<pre>、<textarea>、<script>和<style>中的文本会完全按原样保留。

CSS可能会让被删除的空格重新变得重要。设置了display: inline-block的<div>,或使用white-space: pre-wrap的段落,都会渲染HTML本身认为不可见的空白。因此,部署前请将渲染后的页面与原页面进行比较。

浏览器解析器会改变什么

组件模板等片段经过处理后仍是片段;带有doctype或<html>、<head>、<body>标签的输入则会变成完整文档。无论哪种情况,标记都会经过浏览器的解析器:未闭合的标签会被闭合,位置不正确的元素会被移到解析器指定的位置,任何版本的HTML doctype都会变成<!doctype html>。所有注释都会被删除,包括以注释形式写入的框架标记。

内联脚本和样式会按原样保留。请分别使用JavaScript压缩工具和CSS压缩工具压缩其中的内容。

使用方法

  1. 粘贴HTML。
  2. 选择“压缩HTML”。
  3. 检查并下载紧凑版文档。

隐私与限制

文档始终保留在本地。请务必测试生成的页面,因为内联布局中的空白字符可能具有实际意义。

相关工具

常见问题

它会移除注释吗?

会。普通HTML注释会被移除。

我应该保留源文件吗?

应该。压缩后的输出是用于部署的文件,不适合作为便于编辑的格式。

免费工具·使用在浏览器中次·无需账户