我正在使用 Firefox 和 Firebug 开发工具。
查看源代码 ( Ctrl + U
) 中显示的 HTML 是否与我在使用 Firebug 检查元素时看到的 HTML 不同?
两者有什么区别?
是的,它们是不同的。
查看源代码向您显示页面的原始 HTML 源代码。
检查器向您显示浏览器解释的 DOM。例如,这包括在 HTML 源代码中看不到的 javascript 所做的更改。
哦,这也适用于允许您在其他浏览器中查看 DOM 的开发人员工具,例如 Chrome Web Inspector 和 Internet Explorer 开发人员工具栏。HTML 源代码在所有浏览器中总是相同的,生成的 DOM 可能会有所不同,因为它是一种解释,并且渲染引擎并不完全相同(不幸的是)。
还应该注意的是,除了可能通过 javascript 等进行的动态 DOM 操作之外,Firefox 还将解析和“清理”格式错误的 (X)HTML,因此这些更改也会影响您在检查元素时看到的内容。
不同之处在于(但不限于)在 firebug 控制台中您可以看到动态变化,这些变化发生在网页中。例如,DOM 元素修改(来自AJAX
或常规JavaScript
)、CSS
就地修改等......
在 Firefox 中,查看源代码可能会重新加载页面,从而更改页面上的内容。如果它困扰您,请查看此错误并为它投票: