代码之家 › 专栏 › 技术社区 › nonopolarity

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

web-developer-toolbar firefox-addon firebug code-generation firefox

31

nonopolarity · 技术社区 · 14 年前

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

我只是不小心发现根本不需要火虫。我们只需在网页上按ctrl-a(全选),然后右键点击选择“查看选择源”,就可以得到“当前HTML代码”的纯文本文件,甚至可以看到 <div> 那是Firebug面板,在 <body> 如果Firebug打开,请标记。但这似乎是一种奇怪的方式。还有别的办法吗?

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

5 回复 | 直到 8 年前

1

27

user123444555621 14 年前

在Firebug的HTML选项卡中,右键单击根节点并选择“复制HTML”。然后粘贴到文本编辑器。

如果没有火狐附加组件,您可以使用 bookmarklet 这样地:

javascript: var win = window.open(); win.document.write('<html><head><title>Generated HTML of  ' + location.href + '</title></head><pre>' + document.documentElement.innerHTML.replace(/&/g, '&amp;').replace(/</g, '&lt;') + '</pre></html>'); win.document.close(); void 0;

2

18

Gert Grenander Keiron Lowe 14 年前

与 Web Developer toolbar 附加,选择 视图源 - 查看生成的源 . 如果要查看原始源,请选择 视图源 - 视图源 (或者简单地按 CTRL - 换档 - U )

3

4

gioele 8 年前

使用firefox devtools(自35版起集成在ff中),您可以查看打开Web检查器时生成的HTML。( CTRL - 转移 - C )并选择 HTML 标签。

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

4

0

Tyler 14 年前

如果您正在寻找一个编程解决方案,您可以将该文档放入一个XML序列化程序。

5

-1

Brunno Gomes 14 年前

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

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

例如,在火狐中,它只是“源代码”,在Chrome中,它是“查看页面源代码”,等等。

也就是说,WebDeveloperToolbar确实是一个很好的插件,特别是如果你也使用CSS的话。