javascript - 如何获得完全计算的 HTML(而不是源 HTML)?

标签 javascript html firebug

给定一个使用大量 javascript 生成其 HTML 的网页,我如何才能让浏览器解析最终计算的 HTML 而不是源 HTML?换句话说,假设一个页面有很多围绕 javascript 函数的标签,当调用这些函数时,返回一些 HTML。当我查看页面的源代码时,我看到的是脚本函数调用,而不是它生成的 HTML。

如何获取网页生成的所有 HTML?

我注意到 Firebug 似乎能够看到 HTML 而不是脚本,但它似乎无法保存整个页面,只能保存其中的一小部分。

更新:

谢谢大家的回答。但是,我仍然无法使用任何这些技术获得我在 Firebug 的控制台中看到的 HTML。对于我的示例页面,我使用了我自己的 Facebook 个人资料的“信息”选项卡。如果您在该页面上查看源代码,您会看到许多标题为“big_pipe.onPageletArrive()”的脚本。但是,如果您在 Firebug 中查看它,那么每个函数调用都会呈现为 HTML。我尝试在 Firebug 中右键单击标签,在 Webdev 工具栏中查看生成的源代码,以及 Chrome 建议,但它们都给我脚本调用,而不是 HTML。

还有其他想法吗?

更新 2:

当我说这些函数中的每一个都在 Firebug 中呈现为 HTML 时,我并不完全正确。如果我在页面中选择它们并右键单击->检查元素,它们只会呈现出来。然后它似乎将其渲染出来。所以也许我的问题变成了如何让 Firebug 自动呈现所有 HTML,以便您可以选择并保存它? (或者我愿意接受任何其他获取此 HTML 的解决方案)。

最佳答案

使用 Firebug 的 HTML 选项卡,您可以右键单击 <html>元素,然后单击“复制 HTML”。

您可以使用 Chrome/Safari 中的开发人员工具执行相同的操作。

关于javascript - 如何获得完全计算的 HTML(而不是源 HTML)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6364138/

相关文章:

javascript - 获取返回哪个 dom 元素?

javascript - 是否有类似 "Firebug for IE"的东西(用于调试 JavaScript)?

java - 如何升级 javascript 以使用phonegap 2.3 自定义插件?

html - 如何防止内联 block div 换行?

javascript - 访问不同 jQuery 页面中的类元素

javascript - Uncaught ReferenceError : connect is not defined

html - 文字不会跟随背景图片

javascript - 使 Firebug 控制台历史记录在浏览器退出时保留

javascript - 如果 URL 包含此字符串,则隐藏具有此类/id 的所有 div(循环脚本)

javascript - 如何链接 Seq 的自定义操作并保持惰性和流畅?