压缩会弄坏我的内联 JavaScript 或 CSS 吗?

不会—— 、、和块完全不参与空白折叠,只有标签之间的标记会被处理。要压缩脚本本身,请单独用 JavaScript 压缩器跑一遍。

为什么标签之间的空白可以放心移除?

大体上可以:块级元素之间的空白没有视觉效果。行内元素之间则有影响,所以压缩器把连续空白折叠成单个空格而不是删光。依赖 inline-block 空白 hack 的布局是罕见的例外,值得肉眼确认一下。

它只按原样格式化,不对照 HTML 规范校验——未闭合的标签仍然未闭合。浏览器对「标签汤」很宽容,而格式化能让结构清晰到足以让你自己发现问题。

2 空格是 Web 代码库的主流约定,也是多数框架风格指南的默认值。团队统一用 4 也没问题——这纯粹是外观选择。

美化凌乱的 HTML,或压缩后用于生产环境

本地运行

loading…

关于此工具

美化从打包器、爬虫或所见即所得编辑器里出来的 HTML:元素按你选择的宽度缩进,属性保持原行,pre/textarea 的内容逐字节原样保留。压缩模式去掉注释并折叠标签之间的空白——对手写页面通常能省 10–25% 的体积。

这里的压缩刻意保守:内联脚本和样式受保护,条件注释得以幸存,行内元素之间的单个空格会保留,所以 "click <a>here</a> now" 不会熔成 "clickherenow"。你得到的是一次安全的压缩,而不是最激进的那种。

两种操作都在你的浏览器本地运行——未发布的页面和内部管理后台的标记不会离开你的机器。

压缩会弄坏我的内联 JavaScript 或 CSS 吗?: 不会——<script>、<style>、<pre> 和 <textarea> 块完全不参与空白折叠,只有标签之间的标记会被处理。要压缩脚本本身,请单独用 JavaScript 压缩器跑一遍。
为什么标签之间的空白可以放心移除?: 大体上可以:块级元素之间的空白没有视觉效果。行内元素之间则有影响,所以压缩器把连续空白折叠成单个空格而不是删光。依赖 inline-block 空白 hack 的布局是罕见的例外,值得肉眼确认一下。
格式化器会修复不合法的 HTML 吗?: 它只按原样格式化,不对照 HTML 规范校验——未闭合的标签仍然未闭合。浏览器对「标签汤」很宽容,而格式化能让结构清晰到足以让你自己发现问题。
缩进宽度该用多少?: 2 空格是 Web 代码库的主流约定,也是多数框架风格指南的默认值。团队统一用 4 也没问题——这纯粹是外观选择。