我正在使用Firefox和Firebug Developer工具。
View Source(Ctrl + U
)中显示的HTML是否与使用Firebug检查元素时看到的HTML不同?
两者有什么区别?
答案 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可能会重新加载页面,并对其进行更改。如果它困扰你,请查看此错误并投票支持: