如何在Firefox中查看“生成的HTML代码”?

时间:2010-07-22 23:54:09

标签: firefox code-generation firebug firefox-addon web-developer-toolbar

如果使用Firebug,我们可以单击HTML选项卡,然后单击以展开每个元素以查看生成的HTML代码。有没有办法扩展它或获得纯文本文件?

我偶然发现甚至不需要成为Firebug。我们可以在网页上按CTRL-A(全选),然后右键单击并选择“查看选择源”,然后我们将获得“当前HTML代码”的纯文本文件,甚至会看到{{ 1}}如果Firebug打开,那就是<div>标记之前的Firebug面板。但这似乎是一种奇怪的方式来调用它。还有其他办法吗?

更新:生成的HTML通常是指JavaScript更改DOM后的HTML。它是当前的DOM树而不是原始源代码)

5 个答案:

答案 0 :(得分:27)

答案 1 :(得分:18)

使用Web Developer toolbar插件,选择查看来源 - 查看生成的来源。如果您想查看原始来源,请选择查看来源 - 查看来源(或只需按 CTRL - SHIFT - û

答案 2 :(得分:3)

使用Firefox DevTools(从版​​本35开始集成在FF中),您可以查看生成的HTML打开Web检查器( CTRL - shift - C )并选择 HTML 标签。

您可以通过右键单击<html>并选择复制内部HTML 来复制生成的HTML。

答案 3 :(得分:0)

如果您正在寻找程序化解决方案,您可以将文档提供给XMLSerializer。

答案 4 :(得分:-1)

我不知道我是否理解你的问题,但这里的内容非常简单,你不需要另外一个插件。

每个浏览器都有一个本机函数来查看实际页面的源代码,只需右键单击并查找类似“源代码”或“代码”的内容。

在Firefox中,例如它只是“Souce-code”,在Chrome中它是“查看页面源”等等。

话虽这么说,Web Developer工具栏确实是一个很棒的插件,特别是如果你也做CSS。