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

时间:2010-08-31 07:36:15

标签: javascript html css browser

如何在执行所有脚本后获得有效的HTML? 实际上脚本正在页面中添加和修改控件和css。我想看到结果显示的html作为静态页面。有没有办法得到这个?
编辑:假设使用javascript添加背景图片,我如何在Html或CSS中看到? 请在回答之前尝试解决此问题。

4 个答案:

答案 0 :(得分:3)

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

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

  

HTML面板显示生成的   当前打开的页面的HTML / XML。   它与普通源代码不同   查看,因为它也显示全部   对DOM树进行操作。   [...]

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

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

document.documentElement.innerHTML

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

答案 3 :(得分:1)

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

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