在Firebug中出现与标准浏览器“查看源”选项不同的HTML源代码？

Question

我通过一些PHP生成了一些HTML内容。

在调查css问题的同时，我注意到，通过Firebug，DOM中的某些元素没有按照我的预期进行组织。然而，当我在Firefox中使用标准的“查看源代码”时，它表明一切都是正确的。

我知道Firebug显示的来源是准确的，因为它提供给我的来源对应于我在屏幕上看到的美学问题，但我不确定这意味着什么以及如何进一步调查。

为什么会发生这种情况，我应该关注哪个源版本？ （p.s.我在网站上没有运行JavaScript。）

Answer 1

Firebug清理DOM树，所以如果原始源中存在任何语法错误，你就不会在Firebug中看到它们（除非它们非常糟糕，它完全搞砸了解析树）。

常规视图源功能显示来自服务器的页面源。如果您在加载页面后对DOM进行任何操作，它将不会显示在view-source中，因为它现在已经过时了。 Firebug将显示实时内存树，包括任何操作，但它也会清理。

Answer 2

Firebug显示页面DOM结构的实时视图 查看源显示从服务器收到的原始HTML。

如果使用Javascript修改DOM，则更改将仅显示在Firebug中 如果你的HTML无效并且浏览器修复了它，修补程序也只会出现在Firebug中。

您可以使用浏览器的“查看选择源”选项显示实际DOM的来源，它与您在Firebug中看到的内容相匹配。

Answer 3

Firebug显示的不仅仅是您输入的代码。它还包括浏览器的默认样式（假设您没有使用yahoo css reset）。虽然你不能保证firebug本身不包含任何bug，但我更倾向于信任它更多的视图源，当使用javascript时更是如此，因为页面的输出可能与原始的html内容有很大的不同，尽管不在你的情况下因为你没有使用JS。