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

新手上路,请多包涵

给定一个使用大量 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 的解决方案)。

原文由 mix 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 324
2 个回答

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

您可以使用 Chrome/Safari 中的开发者工具来做同样的事情。

原文由 thirtydot 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏