如何从Web复制动态生成的源HTML?

时间:2009-06-05 17:43:51

标签: javascript html

出于设计目的,我想复制页面加载后由某些JavaScript创建的确切HTML。当然,Firebug告诉我发生了什么,但我真的只想要一些我可以随意复制和粘贴的静态文本。

6 个答案:

答案 0 :(得分:9)

Web Developer Firefox插件的“查看来源”菜单提供了“查看生成的来源”工具。

答案 1 :(得分:6)

可以使用innerHTMLouterHTML属性完成此操作。或者只是在Firefox中,选择您想要源代码的部分,然后从上下文菜单中选择查看选择源

答案 2 :(得分:4)

您可以将firebug(或IE8开发人员工具集)中的HTML复制到您喜欢的文本编辑器中。

答案 3 :(得分:3)

在Google Chrome浏览器中,选择“检查元素”,然后右键单击“复制为HTML”

答案 4 :(得分:0)

对于IE / firefox,以下bookmarklet有效: https://www.squarefree.com/bookmarklets/webdevel.html#generated_source

对于Google Chrome,右键单击任何元素,然后选择“检查元素”选项。它将显示DOM中元素的位置。现在右键点击'

对于opera,右键单击任何元素并选择“Inspect element”。这将启动歌剧蜻蜓。在蜻蜓窗口中,单击“展开DOM树”按钮(带有点和两个箭头的第一个按钮),然后“导出当前DOM面板”按钮(第二个按钮)

在IE中,打开网页并按F12打开开发人员工具。在开发人员工具窗口中单击视图 - >源 - > DOM(页面)或快捷键Ctrl + Shift + G.这将显示完整的当前可见DOM。

对于firefox,替代方案是Web developer toolbar extension,然后选择查看源代码 - >查看生成的源代码。

答案 5 :(得分:-1)

您还可以使用Library mechanize编写一个perl脚本。