执行所有脚本后如何获得结果 HTML？答案

【问题标题】：How to get resultant HTML after executing all scripts?执行所有脚本后如何获得结果 HTML？
【发布时间】：2010-08-31 17:04:28
【问题描述】：

如何在执行完所有脚本后得到有效的 HTML？实际上脚本是在页面中添加和修改控件和css。我希望将结果显示的 html 视为静态页面。有没有办法得到这个？
编辑：假设如果使用 javascript 添加背景图像，我如何在 Html 或 css 中看到？请在给出答案之前尝试得到这个。

【问题讨论】：

【解决方案1】：

一种方法是使用带有 Firebug 扩展名的 Firefox。

Firebug 是面向 Web 开发人员的扩展。除此之外，它还提供了一个“HTML 面板”：

HTML 面板显示生成的当前打开页面的 HTML/XML。它与普通的源代码不同查看，因为它还显示所有对 DOM 树的操作。 [...]

类似的 MS Internet Explorer 解决方案是Internet Explorer Developer Toolbar。

请注意，这两种解决方案都是特定于浏览器的。没有办法获得独立于所用浏览器的 HTML，因为这个 HTML 只存在于浏览器的工作内存中（所以你不能，比如说，在网络上嗅探它）。

【讨论】：

【解决方案2】：

使用 firefox 的 firebug 插件，您可以“查看生成的源代码”。

【讨论】：

【解决方案3】：

这是一种 javascript 方法。不幸的是，它并不完美。例如，它不包含 textarea 的内容。

document.documentElement.innerHTML

另一种方法是选择everyting (Ctrl + A) 并从上下文菜单中选择“查看选择源”。

【讨论】：

【解决方案4】：

Web Developer Toolbar addon for Firefox 有一个“查看生成的源代码”按钮，您可以这样做。它位于工具栏的“查看源代码”菜单下。

它将被操纵的文档呈现为静态源，就像“查看源”选项所做的那样，但通过 Javascript 进行了修改。

【讨论】：