“页面源”是在 JavaScript 渲染之前还是之后？答案

【问题标题】：Is "Page Source" BEFORE or AFTER JavaScript has been rendered?“页面源”是在 JavaScript 渲染之前还是之后？
【发布时间】：2011-07-15 03:58:53
【问题描述】：

在 Firefox 中有一个显示“页面源”的菜单项：查看 |页面源 (Ctrl+U)。在 Internet Explorer 中也有类似的功能。

当您调用它时，它会显示一个格式精美且语法高亮的 HTML（和 JavaScript）代码集合。

我不知道这个 HTML（可在页面源中查看）是 JavaScript 的 预处理 的结果（导致原始原始 HTML 的修改）还是只是 raw 由 HTTP GET 接收。

【问题讨论】：

【解决方案1】：

“查看源代码”代码是在应用任何 JavaScript 之前的代码。

Firefox 的 Web 开发工具栏将允许您从查看源代码 > 查看生成的源代码菜单选项查看生成的后 JavaScript 源代码。

【讨论】：

【解决方案2】：

之前。页面源是浏览器无标题的 GET 请求的结果。如果您想在脚本等之后查看更新的内容，则必须使用 Firebug 或 Web 开发工具栏等工具。

【讨论】：

【解决方案3】：

不幸的是，它总是将 HTML 显示为页面在通过 javascript 等更改 DOM 之前的状态。所以答案是：您看到的是“由 HTTP GET 接收的原始内容”。

您可以使用 Firebug（Firefox 和 Chrome）之类的工具来查看实时 dom 更改。或者你可以制作自己的函数来显示 live dom。

【讨论】：

【解决方案4】：

它是服务器在通过 javascript 进行 DOM 更新之前返回给浏览器的源。

【讨论】：