如何在執行完所有腳本後獲得結果HTML？

如何在執行所有腳本後獲得有效的HTML？實際上，腳本正在添加和修改頁面中的控件和css。我希望將生成的顯示的html看作靜態頁面。有什麼辦法可以得到這個嗎？
編輯：假設如果使用JavaScript添加背景圖像，我如何在Html或css中看到？請在回答之前嘗試獲取此信息。如何在執行完所有腳本後獲得結果HTML？

來源

2010-08-31 Brij

一種方法是使用Firefox和Firebug擴展名。

Firebug是Web開發人員的擴展。除此之外，它提供了一個「HTML面板」：

HTML面板顯示當前打開的頁面生成的 HTML/XML。它與正常源代碼視圖不同，因爲它還會在DOM樹上顯示所有的操作。 [...]

MS Internet Explorer的類似解決方案是Internet Explorer Developer Toolbar。

請注意，這兩種解決方案都是針對瀏覽器的。因爲這個HTML只存在於瀏覽器的工作內存中（所以你不能在網絡上嗅探它），所以無法獲得獨立於所用瀏覽器的結果HTML。

來源

2010-08-31 07:41:21 sleske

使用firefox的firebug插件，使用它你可以'查看生成的源'。

來源

2010-08-31 07:39:54 fredley

這是一個javascript方法。不幸的是，它並不完美。例如，它不包含textarea的內容。

document.documentElement.innerHTML

的另一種方式是選擇everyting（Ctrl + A），並選擇從上下文菜單中選擇「查看選擇源」。

來源

2010-08-31 07:42:34 Lekensteyn

Web Developer Toolbar addon for Firefox有一個'查看生成的源'按鈕，讓你這樣做。它位於工具欄的「查看源代碼」菜單下。

它將被操作的文檔呈現爲靜態來源，就像「查看來源」選項所做的一樣，但是通過Javascript進行修改。

來源

2010-08-31 07:44:29

如何在執行完所有腳本後獲得結果HTML？

回答

相關問題