使用jQuery來改變HTML，但「查看源代碼」顯示舊的

我使用jQuery動態更改加載的HTML，並且它確實有效，當我在瀏覽器中查看頁面的html源代碼時（） Chrome）使用「查看頁面源代碼」菜單，我所看到的是舊的，應用之前修改的html代碼。使用jQuery來改變HTML，但「查看源代碼」顯示舊的

有沒有辦法看到「改變後」的html，就像在一天結束時一樣，這是我在瀏覽器中看到的。

2013-07-28 Mitten

查看源代碼將在大多數情況下顯示初始呈現的Html，使用開發工具查看DOM模型。

在Chrome中：按Ctrl-Shift-I組合

然後看元素選項卡中，HTML會發生變化，操作的時候。

2013-07-28 11:37:34

謝謝。但能夠看到更改的HTML代碼更容易。至少對於我來說。在這種情況下使用DOM看起來對我來說太過矯枉過正 - 查找更改的節點，將其展開以查看子節點，再次展開......簡單瀏覽已更改的文本會更快速 – Mitten

「元素」選項卡實際上只是html。 –

我看到 - 非常有用。它似乎只顯示頂級元素。是否可以一次性擴展所有元素（及其子元素等）？ – Mitten

查看源代碼始終會向您顯示從服務器發送頁面時出現的源代碼。在Chrome中，您可以使用Inspect Element（或F12）調出開發者控制檯。它有一個很好的元素視圖，將始終反映頁面的當前狀態。

此外，在Firefox中，您可以通過拖動來選擇頁面的一部分並執行「顯示選擇源」，這將是該區域的計算源。

2013-07-28 11:38:11 takteek

回答