美化 HTML 片段便于清晰交接

适用场景

从开发者工具复制或拿到压缩 HTML：用 beautify 查看嵌套与未闭合标签。

要使用的工具

美化或压缩 HTML 代码。

打开 HTML 美化/压缩 →

步骤

  1. 1粘贴片段并用稳定规则缩进。
  2. 2格式化后检查标签是否成对。
  3. 3仅在最终传输产物需要时才 minify。
  4. 4若有两版可用 diff 对比。

示例

  • 邮件区块美化后再进 CMS。
  • 整理小组件 markup 供 SSR 评审。

应避免

  • 在缺少父级上下文时单独美化片段。
  • 评审过程中就 minify。
  • 第三方 HTML 不做人工检查。

相关工具

博客

开发者与数据工具 中的更多内容

所有任务指南 或前往 开发者与数据工具 专区.

常见问题

先美化还是先校验？

人读优先美化；校验按流水线决定。

属性会变吗？

理论上只动空白；仍应看 diff。

所有任务指南 · 开发者与数据工具 工具 · 博客