Firebug中出现的HTML源与标准浏览器不同'；查看源代码'；选项

我有一些HTML内容是通过一些PHP生成的

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

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

---

为什么会发生这种情况，我应该查看哪个源版本？（另外，我在网站上没有运行JavaScript。）

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

firebug清理DOM树，因此，如果原始源代码中有任何语法错误，您将无法在Firebug中看到它们（除非它们非常糟糕，完全破坏了解析树）

---

常规查看源代码功能显示来自服务器的页面源代码。如果在加载页面后对DOM进行任何操作，它将不会显示在ViewSource中，因为这已经过时了。Firebug将显示live in memory树，其中包括任何操作，但它也会清理内容。

Firebug显示页面DOM结构的实时视图。
View Source显示从服务器接收的原始HTML

如果使用Javascript修改DOM，更改将只出现在Firebug中。
如果您的HTML无效并且浏览器修复了它，那么修复也只会出现在Firebug中

---

您可以使用浏览器的View Selection Source选项来显示实际DOM的源代码，这将与您在Firebug中看到的匹配。

我有一个包含四个标记的源代码，每个的内容都是从数据库生成的。删除了php标记，因为问题中的任何内容都与php无关。如果您添加了任何与php相关的内容，请再次应用php标记：）HTML是从php生成的不是问题，使用php关键字可能会吓跑人们，让他们相信otherwize可以帮助回答这个问题。这是不准确的。浏览器修复语法错误；Firebug只看到DOM中的修复。Firebug本身并不能解决任何问题。