输入
输出
使用说明
- 把 HTML 粘贴到左侧输入区,或点「示例」填入示例数据;点「格式化」按所选缩进(2/4 空格)美化。
- 点「压缩」得到紧凑输出:移除注释、折叠多余空白、去掉块级元素之间的换行;不会压缩 script/style 代码本身。
- 连续的内联内容(如「文字 <b>加粗</b> 文字」)保持同一行,不会因换行改变渲染;超长内容只在原本有空白的位置断行。script 内的 JS 与 style 内的 CSS 会自动美化排版(只改排版不改逻辑),textarea/pre 内容一字不动。
- 标签没写闭合会按浏览器规则自动补全,多余的闭合标签会被忽略——格式化结果始终是结构完整的 HTML。
- 全程在浏览器本地处理,可放心粘贴包含敏感内容的页面代码。
常见问题
我的数据会被上传吗?
不会。格式化与压缩全部在你的浏览器内完成(大文本经 Web Worker 处理),输入输出都不会发送到服务器。
格式化会改变页面的显示效果吗?
正常 HTML 不会。工具只在"渲染时本来就会折叠空白"的位置调整缩进与换行:连续内联内容保持一行,超长时也只在原本有空白的位置断行。textarea 与 pre 的内容一字不动;script 内的 JS 与 style 内的 CSS 会美化排版,但只改排版不改代码逻辑。
压缩做了什么?不会把页面压坏吗?
压缩做的是安全三件事:移除注释、把连续空白折叠成一个空格、去掉块级元素之间的空白。内联元素之间原本的空格会保留一个(去掉会粘连单词),script/style 只去首尾空白。它不做 JS/CSS 级别的极致压缩,那类压缩请交给专业构建工具。
标签没闭合或闭合错了会怎样?
按浏览器的容错规则处理:到结尾还没闭合的标签自动补全;闭合了不存在的标签(如多余的 </span>)直接忽略;父级闭合时其间漏闭合的子标签一并补全。输出始终是结构完整的 HTML,交给浏览器渲染是安全的。
能处理多大的文件?
MB 级 HTML 可以正常处理:计算在 Web Worker 中进行,不会卡住页面。超过 10MB 的超大文件不在本工具优化范围内。