是否有任何工具可以顯示源代碼，即使是由Javascript生成的dom

某些網頁的dom是由Javascript動態生成的，任何工具都可以輸出生成的html源代碼？是否有任何工具可以顯示源代碼，即使是由Javascript生成的dom

2011-05-28 user705414

Firebug或Chrome developer工具可以顯示您真實生活的DOM樹。在Firebug中，您可以選擇一個元素並使用右鍵單擊將其innerHTML複製到剪貼板。在Google Chrome開發人員工具中，您可以右鍵點擊某個元素，然後選擇「複製爲html」將其複製到剪貼板。

在IE> = 8中，您可以使用web開發幫助程序（在頁面內鍵入F12），但必須在每次頁面更改後手動刷新HTML。之後，您可以在DOM樹中選擇一個元素（例如<body>）並選擇'view'>'source'>'帶有樣式的元素源'。

Firefox有一個很好的功能：如果您選擇頁面的一部分並右鍵單擊，您可以選擇'查看選擇源'：顯示選擇的當前源（也是生成的源）。

來源

2011-05-28 09:05:05 KooiInc

可以輸出html嗎？ – user705414 2011-05-28 09:06:16

不知道別人。但FireFox的「web開發者欄」讓你查看生成的源代碼。這應該很容易保存/導出。 – jack 2011-05-28 09:09:12

在Chrome cev工具中，您必須使用Firebug使用'document.getElementsByTagName（'html'）[0] .innerHTML'設置一些東西（可能通過控制檯），您可以使用右鍵單擊一個元素來複制任何元素的innerHTML。 – KooiInc 2011-05-28 09:10:49

是否有任何工具可以顯示源代碼，即使是由Javascript生成的dom

回答

相關問題