Question

我有一个包含一行代码的HTML页面：

<p>Hello World</p>

当我打开开发人员工具并转到元素选项卡时，会显示以下代码：

<html>
    <head></head>
    <body>
      ""
      <p>Hello World</p>
    </body>
</html>

为什么开发人员工具会添加此功能，是否可以阻止它？

Answer 1

因为您正在查看开发工具中的DOM。这是浏览器使用html向您显示页面的内容。

以相同的方式遍历缺少HTML中<tbody>元素的表。这个元素仍然存在于DOM中。

仅仅因为它在开发工具中并不意味着它在HTML中。

编辑：使用开发工具中的视图源/资源来检查服务器正在发送的内容。

Answer 2

这是因为它显示了DOM所说的内容;所以在完成浏览器的所有HTML修复之后。您显示的第一个片段不是有效的HTML，并且实际上无法由浏览器呈现，因此它首先添加了一些内容以使其有效并将保存到DOM中并呈现页面

这是无法阻止的，如果你也可以阻止你的浏览器渲染大多数页面，我怀疑你是否想要那个:)。（几乎每个网站都包含这些错误）