如何在执行完所有脚本后获得结果HTML？

Question

如何在执行所有脚本后获得有效的HTML？ 实际上，脚本正在添加和修改页面中的控件和css。我希望将生成的显示的html看作静态页面。有什么办法可以得到这个吗？
编辑：假设如果使用JavaScript添加背景图像，我如何在Html或css中看到？ 请在回答之前尝试获取此信息。

Answer 1

一种方法是使用Firefox和Firebug扩展名。

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

HTML面板显示当前打开的页面生成的 HTML/XML。 它与正常源代码 视图不同，因为它还会在DOM树上显示所有的 操作。 [...]

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

请注意，这两种解决方案都是针对浏览器的。因为这个HTML只存在于浏览器的工作内存中（所以你不能在网络上嗅探它），所以无法获得独立于所用浏览器的结果HTML。

Answer 2

使用firefox的firebug插件，使用它你可以'查看生成的源'。

Answer 3

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

document.documentElement.innerHTML 

的另一种方式是选择everyting（Ctrl + A），并选择从上下文菜单中选择“查看选择源”。

Answer 4

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

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