26

我正在使用 Firefox 和 Firebug 开发工具。

查看源代码 ( Ctrl + U) 中显示的 HTML 是否与我在使用 Firebug 检查元素时看到的 HTML 不同?

两者有什么区别?

4

4 回答 4

43

是的,它们是不同的。

查看源代码向您显示页面的原始 HTML 源代码。

检查器向您显示浏览器解释的 DOM。例如,这包括在 HTML 源代码中看不到的 javascript 所做的更改。

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

于 2012-10-25T13:59:10.763 回答
3

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

于 2012-10-25T14:03:07.487 回答
1

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

于 2012-10-25T13:58:47.717 回答
1

在 Firefox 中,查看源代码可能会重新加载页面,从而更改页面上的内容。如果它困扰您,请查看此错误并为它投票:

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

于 2017-06-29T19:37:22.250 回答