如何在Firefox中以當前狀態轉儲整個Web DOM？

我有一個自動生成的JavaScript內容，當用戶點擊某些鏈接時操縱DOM的網頁。當我在Firefox中保存頁面時，它只保存原始頁面，而不進行DOM修改。如何保存或轉儲當前的狀態的HTML DOM由JavaScript操縱？如何在Firefox中以當前狀態轉儲整個Web DOM？

來源

2010-11-13 Ross Rogers

DOM Inspector有一個File->Save DOM As...選項。

來源

2010-11-13 01:06:55

完美。謝謝！ – 2010-11-13 01:24:52

你也可以使用螢火蟲編輯DOM並保存完整的文件標記。

來源

2010-11-13 01:11:14

但是如何？ Firebug中的DOM編輯器位於何處？ – 2012-08-10 13:28:00

看起來FireFox已經用一種不再具備此功能的新工具取代了DOM Inspector。

在新的DOM Inspector Ctrl + Shift + I中有一個控制檯可以接受命令。

這有時作品...

console.log(document.documentElement.innerHTML)

這給你的東西，你可以檢查，但無法複製，因爲一些錯誤的糊......

alert(document.documentElement.innerHTML)

這很像的console.log（文件.documentElement.innerHTML）應該......

document.documentElement.innerText = document.documentElement.innerHTML

來源

2013-10-01 15:19:05 teknopaul

如果你想要一個完整的HTML頁面，你可以這樣做： > console.log（'<！doctype html> \ n'+ document.documentElement.outerHTML） – pat 2015-07-17 19:55:20

Ctrl + Shift +我現在（Firefox 58左右）打開工具> Web開發人員>切換工具。在Inspector選項卡中，右鍵單擊''並選擇複製>外部HTML，然後粘貼到文本編輯器中。這應該抓住頁面當前狀態下的所有內容，除了可以單獨複製的開頭「」。 – skierpage 2018-02-22 23:28:52

如何在Firefox中以當前狀態轉儲整個Web DOM？

回答

相關問題