{ }jsons.cloud

输入

输出

使用说明

  1. 把 HTML 粘贴到左侧输入区,或点「示例」填入示例数据;点「格式化」按所选缩进(2/4 空格)美化。
  2. 点「压缩」得到紧凑输出:移除注释、折叠多余空白、去掉块级元素之间的换行;不会压缩 script/style 代码本身。
  3. 连续的内联内容(如「文字 <b>加粗</b> 文字」)保持同一行,不会因换行改变渲染;超长内容只在原本有空白的位置断行。script 内的 JS 与 style 内的 CSS 会自动美化排版(只改排版不改逻辑),textarea/pre 内容一字不动。
  4. 标签没写闭合会按浏览器规则自动补全,多余的闭合标签会被忽略——格式化结果始终是结构完整的 HTML。
  5. 全程在浏览器本地处理,可放心粘贴包含敏感内容的页面代码。

常见问题

我的数据会被上传吗?

不会。格式化与压缩全部在你的浏览器内完成(大文本经 Web Worker 处理),输入输出都不会发送到服务器。

格式化会改变页面的显示效果吗?

正常 HTML 不会。工具只在"渲染时本来就会折叠空白"的位置调整缩进与换行:连续内联内容保持一行,超长时也只在原本有空白的位置断行。textarea 与 pre 的内容一字不动;script 内的 JS 与 style 内的 CSS 会美化排版,但只改排版不改代码逻辑。

压缩做了什么?不会把页面压坏吗?

压缩做的是安全三件事:移除注释、把连续空白折叠成一个空格、去掉块级元素之间的空白。内联元素之间原本的空格会保留一个(去掉会粘连单词),script/style 只去首尾空白。它不做 JS/CSS 级别的极致压缩,那类压缩请交给专业构建工具。

标签没闭合或闭合错了会怎样?

按浏览器的容错规则处理:到结尾还没闭合的标签自动补全;闭合了不存在的标签(如多余的 </span>)直接忽略;父级闭合时其间漏闭合的子标签一并补全。输出始终是结构完整的 HTML,交给浏览器渲染是安全的。

能处理多大的文件?

MB 级 HTML 可以正常处理:计算在 Web Worker 中进行,不会卡住页面。超过 10MB 的超大文件不在本工具优化范围内。

相关工具