我的 HTML 会发到服务器吗？

不会。格式化在浏览器里用 js-beautify 库完成。含有客户数据、跟踪 ID 或未发布页面的标记不会离开你的机器。

格式化会改变页面的渲染结果吗？

几乎不会，但不是绝对不会。HTML 里的空白大多会被浏览器折叠，所以对常规标记重新缩进是安全的。而对空白敏感的场景——靠空格分隔的行内元素，或者 pre 和 textarea 的内容——任何重排工具都可能造成影响，这类页面请对输出做一次 diff。

格式化用的是哪些设置？

固定的默认值：两个空格缩进，不强制折行（长行仍然保持长行），块之间原有的空行会被保留。

HTML格式化工具

概述

这个工具用 js-beautify 美化 HTML，它正是许多编辑器扩展背后的同一个引擎。嵌套元素每层缩进两个空格，标签被放到合理的行上，你原本写下的空行会被保留。它不折长行，所以属性一大堆的标签仍然完整地待在一行里。适合用来读压缩过的页面源码、整理 CMS 或邮件模板的输出，以及在代码评审出 diff 之前把标记规范化。

使用方法

把标记粘贴到 HTML 输入框——压缩过的、或者挤成一行的输入都没问题。
美化结果会随输入即时出现在 Formatted 字段里。
从这个只读字段复制输出。

示例

<div><p>hello</p><span>world</span></div> →

<div>
  <p>hello</p>
  <span>world</span>
</div>

说明

它是格式化器，不是校验器：没闭合或者嵌套错位的标签会被尽力缩进，并且不给任何警告。内嵌的 <script> 和 <style> 块会跟文档一起缩进。对空白敏感的 HTML（inline-block 布局、<pre> 里的内容），格式化之后请确认一下渲染效果。格式化设置是固定的默认值：两个空格缩进，不强制折行，块与块之间原有的空行保留。