Chrome不顯示通過Ajax添加的源代碼

Question

我使用Google Chrome來測試我的Web應用程序。使用Control-U，您可以看到頁面的源代碼。

但是，它不顯示由ajax添加的或由jQuery創建的html/css。我怎樣才能確保我看到所有的源代碼？

Answer 1

您可以使用開發人員工具查看創建的源代碼。

1. 在窗口按下Ctrl + Shift + J，
2. 點擊元素標籤並有是。

你也可以做一堆其他的東西。

Answer 2

嘗試使用JavaScript檢查，類似工具，比如在Firefox螢火蟲。您可以右鍵單擊某個元素並選擇「檢查元素」以在該元素上打開它。它應該告訴你什麼已經存在，以及通過ajax添加了什麼。

Answer 3

你可以用XMLSerializer（火狐，Chrome和Opera也許IE瀏覽器（不能測試））

看到，因爲它在某些做到這一點Fiddle

Answer 4

查看源文件不工作同樣在Chrome序列化文檔其他瀏覽器 - 選擇時，它會重新下載頁面並顯示生成的HTML，而不是顯示用於當前頁面的HTML。