开发者工具 / 15
HTML压缩工具
在浏览器中解析HTML、移除注释,并以保守方式压缩文档空白字符。
HTML压缩工具: TOEA使用浏览器的HTML解析器,移除注释节点,并压缩preformatted、textarea、script和style元素之外的文本空白字符。 完全在浏览器中本地运行,文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
空白会保留在哪里
每段连续的空格、制表符和换行会变成一个空格,而不会直接消失,因为内联内容旁边的空格是可见的:在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压缩工具压缩其中的内容。
使用方法
- 粘贴HTML。
- 选择“压缩HTML”。
- 检查并下载紧凑版文档。
隐私与限制
文档始终保留在本地。请务必测试生成的页面,因为内联布局中的空白字符可能具有实际意义。
相关工具
常见问题
它会移除注释吗?
会。普通HTML注释会被移除。
我应该保留源文件吗?
应该。压缩后的输出是用于部署的文件,不适合作为便于编辑的格式。
免费工具·使用在浏览器中次·无需账户