如何在Firefox中查看「生成的HTML代碼」？

如果使用Firebug，我們可以單擊HTML選項卡，然後單擊以展開每個元素以查看生成的HTML代碼。有沒有辦法將其全部展開或獲取純文本文件？如何在Firefox中查看「生成的HTML代碼」？

我只是不小心發現，甚至不需要是Firebug。我們可以在網頁上按CTRL-A（全選），然後右鍵單擊並選擇「查看選擇源」，然後我們將得到一個「當前HTML代碼」的純文本文件，甚至會看到一個<div>是Firebug打開時位於<body>標記之前的Firebug面板。但它似乎是一個奇怪的方式來調用它。有沒有其他方法？

（更新：生成的HTML通常指的JavaScript改變DOM後的HTML這是當前的DOM樹，而不是原始的源代碼）

來源

2010-07-22 太極者無極而生

+1選擇區域並右鍵單擊並選擇「查看選擇源」，它不需要任何額外的插件。 – Morpork 2014-02-05 02:45:15

在Firebug的HTML選項卡中，右鍵單擊根節點並選擇「複製HTML」。然後粘貼到文本編輯器。

沒有Firefox附加組件，你可以使用一個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;

來源

2010-07-24 07:58:56 user123444555621

偉大的解決方案。這也適用於Chrome。 – twasbrillig 2015-01-31 01:35:56

有彈出式窗口攔截器錯誤。禁用彈出窗口阻止程序，仍然有錯誤。可能與pdf.js有關。解決方法：'document.body.onclick = function（）{/ * code * /};'然後單擊文檔中的任意位置。我在那裏修好了！ – Luc 2015-05-12 12:49:12

不錯的黑客攻擊，但必須記住，空格會丟失。 – nerdess 2015-08-05 12:09:55

隨着Web Developer toolbar插件，選擇查看源文件 - 查看生成的源文件。如果你想查看原始源，選擇查看源 - 查看源代碼（或直接按CTRL - SHIFT - ü）

來源

2010-07-23 00:02:12

精湛的工具。它與FF devtool – ThePhi 2017-08-30 12:31:05

-1

我不知道如果我理解你的問題好吧，但這裏有一些非常簡單的東西，你不需要另一個插件。

每個瀏覽器都有一個本地函數來查看實際頁面的源代碼，只需右鍵單擊並查找類似於「源」或「代碼」的內容即可。

在Firefox中，例如它只是「Souce-code」，在Chrome中是「View Page Source」等。這就是說，Web Developer工具欄確實是一個很好的插件，特別是如果你也做CSS的話。

來源

2010-07-23 08:05:22

相比非常廣泛，「生成的HTML代碼」通常指的是由Javascript修改DOM生成的HTML。由此產生的HTML。 – 2010-07-23 17:49:59

如果你正在尋找一個綱領性的解決方案，你可以將文檔成一個XmlSerializer。

來源

2010-07-31 16:37:52 MatrixFrog

使用Firefox DevTools（因爲35版集成在FF）可以查看生成的HTML打開網頁檢查（CTRL - 移 - Ç）並選擇HTML標籤。

您可以通過右鍵點擊<html>並選擇複製內部HTML來複制生成的HTML。

來源

2016-01-21 09:37:35 gioele

這似乎並未顯示生成的來源（即，它不反映JavaScript所做的更改）。也許在Firefox 57中改變了？ – 2017-12-21 18:06:11

如何在Firefox中查看「生成的HTML代碼」？

回答

相關問題