firefox查看源代码

Question

我注意到Firefox中显示的源代码似乎不完整。我有最新版本。当使用Firebug插件查看网页时，我能够找到Firefox无法识别的元素。

这是我正在处理的自动脚本。

我想知道几件事：

1. 为什么firefox插件能够识别Firefox不是？
2. 有没有办法将源从Firebug引擎传递到Firefox，或任何其他可行的解决方法，使Firefox能够识别页面上的所有元素？

我的猜测是这些“隐藏”元素是在页面加载后由javascript创建的，但我不太确定。

Answer 1

我会说Firebug正在显示DOM 中的内容（即您正在查看它的页面中的内容），而View Source正在替换已从中接收的源服务器（即显示的第一个瞬间页面中的内容）。

如果你想看到来自DOM的“来源”，也许Web Developper Toolbar Extension可以提供帮助：从我记忆中，它提供了一个“查看生成源”选项。

Answer 2

No.2

打开任意页面，然后按 Ctrl + A 或全选，然后右键单击查看选择源，您应该可以看到任何html节点在Firebug中。

Answer 3

你的猜测是正确的。 “查看源”确切地显示了服务器传递给客户端的内容。 Firebug向您展示的是“呈现的源代码”，它采用当前的DOM状态，并将其呈现为HTML表示形式，这可能与编写的实际HTML代码非常相似。

Answer 4

你的问题不清楚。

“查看源”命令显示从服务器下载的原始HTML。

Firebug的HTML标签显示当前页面上的元素 Javascript所做的任何更改都将显示在Firebug中（提供实时视图），但不会显示在View Source中。 （因为它们不在从服务器下载的HTML中）

Firefox的“查看选择源”命令仅在选择了某些文本时显示，它显示来自DOM的实时源，并且应该准确显示您在Firebug中看到的内容。 （除非您点击它后它不会更新，所以如果DOM再次更改，您需要再次点击它以查看更改）
要查看整个页面的源，可以按Ctrl + A，然后单击鼠标右键并单击“查看选择源”。

如果他们没有回答你的问题，请详细说明。

Answer 5

Firefox显示来自服务器的源代码，通过JavaScript对其进行的任何更改都不会显示。 Firebug会跟踪文档的更改并更新源代码。

Answer 6

执行Ctrl-U或View | Source将只提供服务器返回的静态HTML文档。

您可能希望看到的内容 - 以及您在Firebug中看到的内容 - 是呈现的DOM。如果你安装了一个Firefox插件，比如Web Developer，你将能够查看渲染的DOM - 即用javascript动态呈现的HTML和在浏览器中呈现的实际文档。