如何查看JavaScript呈現的源代碼？

Question

我想通過查看頁面源代碼來查看HTML頁面上由JavaScript代碼段創建的HTML。我不想使用任何附加程序。這可能通過編程嗎？

Answer 1

只要看看DOM中任何對象的innerHTML。

Answer 2

不需要。您需要一個監視DOM變化的工具。瀏覽器只會向您顯示不受JavaScript或任何其他客戶端編程影響的標記。

使用WebKit的Web Inspector或其他類似工具。

Answer 3

在大多數瀏覽器中按F12調出開發人員工具。

搜索您選擇的瀏覽器的各種開發工具的教程。

Answer 4

在firefox中，執行ctrl/command-a選擇所有，右鍵單擊並執行「查看選擇源」。這將顯示頁面的DOM，因爲它現在是，而不是從它開始的任何HTML和JS。

Answer 5

這是在IE中我最喜歡的溶液（10版）：

1）按F12鍵，底部的 「控制檯」 選項卡
3）上推出開發工具
2）單擊提示，輸入：

document.body.innerHTML 

現在應該在當前窗口中顯示的動態，目前，生成的html。 （要查看HTML頭中，而不是你可以用「頭部」一詞取代「體」。）

Answer 6

到Mac上的Safari做到這一點：

1. 確保制定菜單中啓用（首選項>高級>在菜單欄中顯示開發人員菜單）。
2. 從「開發」菜單中選擇「顯示源」。 這通常會在路徑foo.html>源代碼的中心窗口中向您顯示未呈現的HTML源代碼。
3. 通過「源代碼」切換選擇器將其更改爲「DOM樹」。
4. 擴展DOM樹，直到你到達你的JavaScript，你會看到它的兩個作爲它的未渲染和渲染版本。

沒有需要插件或額外的軟件（以及其他一些很好的工具）。