通过“查看源”显示的HTML是否与(Firebug)开发人员工具中显示的HTML不同?

时间:2012-10-25 13:55:12

标签: html browser rendering firebug

我正在使用Firefox和Firebug Developer工具。

View Source(Ctrl + U)中显示的HTML是否与使用Firebug检查元素时看到的HTML不同?

两者有什么区别?

4 个答案:

答案 0 :(得分:38)

是的,他们是不同的。

查看源代码会显示该页面的原始HTML源代码。

检查员会显示浏览器解释的DOM。这包括例如javascript所做的更改,这些更改无法在HTML源代码中看到。

哦,这也适用于允许您在其他浏览器中查看DOM的开发人员工具,例如Chrome Web Inspector和Internet Explorer Developer Toolbar。 HTML源代码在所有浏览器中始终是相同的,生成的DOM可能会有所不同,因为它是一种解释,并且渲染引擎并不完全相同(不幸的是)。

答案 1 :(得分:3)

还应该注意的是,除了可以通过javascript等进行的动态DOM操作之外,Firefox还将解析和“清理”格式错误的(X)HTML,因此这些更改也会影响您在检查时看到的内容一个元素。

答案 2 :(得分:1)

区别在于(但不限于),在firebug控制台中,您可以看到动态更改,这些更改发生在网页中。例如,DOM元素修改(来自AJAX或常规JavaScript),CSS就地修改等......

答案 3 :(得分:1)

在Firefox中,View Source可能会重新加载页面,并对其进行更改。如果它困扰你,请查看此错误并投票支持:

https://bugzilla.mozilla.org/show_bug.cgi?id=307089