美化模式能做什么?
按选定的缩进宽度重排标签层级,可开启行宽折叠让长属性自动换行,并尽量保留原有换行结构。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>示例页面</title>
<link rel="stylesheet" href="/main.css">
</head>
<body>
<div class="card">
<h1>标题</h1>
<p>这是一段很长的说明文字,用来说明格式化前后的对比效果。</p>
<!-- 这段注释会在压缩时被移除 -->
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</div>
</body>
</html>
按选定的缩进宽度重排标签层级,可开启行宽折叠让长属性自动换行,并尽量保留原有换行结构。
压缩会移除普通注释并折叠空白,<pre>、<textarea> 的内容也可能被压缩,适合快速减体积而非生产构建。
格式化由浏览器内的 js-beautify 完成,代码不会发送到任何服务器。