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