爲什麼複製的HTML看起來不像原始HTML？

我將谷歌的Keyword Tool page生成的源代碼（Firefox Web Developer Toolbar中的View Source -> View Generated Source）複製到一個新的HTML文件中。爲什麼複製的HTML看起來不像原始HTML？

但是，當我打開這個新的文件，一些項目看起來拉伸出於某種原因：

enter image description here

原來的網站看起來是這樣的：

enter image description here

我猜Google使用Javascript創建了一些元素並設置了各種屬性，但是我在之後複製了頁面。那麼，爲什麼這種差異？

更新1

唯一的JS/CSS文件，這是不是作爲一個完整的路徑給出的是：

<script language="javascript" src="/cues/cues.js">

我試圖取代這個：

<script language="javascript"> Contents of '/cues/cues.js' here </script>

但它沒有幫助。

更新2

在瀏覽器的錯誤控制檯我發現下面的2個錯誤：

Error: com_google_ads_apps_servers_cues_CuesRelease is not defined Source File: https://adwords.google.com/cues/768DAEDDB2193AB5B05B9C6A01394D78.cache.js Line: 1 Error: com_google_ads_apps_targetingideas_client_TargetingIdeas is not defined Source File: https://adwords.google.com/o/Targeting/756D6AF3BB4DD4A68315E34F50C2BC7E.cache.js Line: 1

爲什麼這些錯誤出現的任何想法？

更新3

顯然，原因是DOCTYPE聲明丟失。在將<!DOCTYPE html>添加到延伸版本後，它解決了問題。誰能解釋爲什麼？

來源

2011-12-23 Misha Moroshko

您是否擁有與原始頁面一起使用的所有CSS？ – jfriend00 2011-12-23 06:13:37

你是否也複製了所有的CSS？ – 2011-12-23 06:14:38

我更新了問題。 – 2011-12-23 08:48:47

當您保存頁面時，您只能從服務器獲取原始格式的HTML版本。在使用JS加載之後對DOM所做的任何模塊都不會成爲保存的一部分。

編輯

我無法描繪出了錯誤的確切原因的代碼確實是神祕！無論如何，如果您只想要離線重現確切頁面，那麼您可以從瀏覽器（選擇網頁，完成）執行「將頁面另存爲..」。我在FF和Chrome上都試過這個，在兩種情況下都能正常工作。在打開保存的頁面時，最好不要使用IE作爲其認證程序，即使是代碼中的最小錯誤也是如此。 :)

錯誤的最可能原因是跨域AJAX安全異常（當調用客戶端腳本和被調用的服務器端腳本來自不同的域時引發）。 com_google_ads_apps_servers_cues_CuesRelease和com_google_ads_apps_targetingideas_client_TargetingIdeas這兩個變量似乎是通過返回一些AJAX調用（它不能執行secu excep的bcoz）來初始化的，結果保持爲未定義。

來源

2011-12-23 06:15:38 techfoobar

請查看我更新的問題。 – 2011-12-23 08:49:45

你檢查了瀏覽器的錯誤控制檯嗎？請檢查您是否有安全例外。 – techfoobar 2011-12-23 08:58:41

你說得對。有一些錯誤。請參閱「更新2」。任何想法爲什麼這些錯誤出現？ – 2011-12-23 11:21:16

您必須缺少一些css和js，這不在頁面上，而是從其他地方引用。

來源

2011-12-23 06:13:34 xyz

請參閱我更新的問題。 – 2011-12-23 08:49:19

最可能的原因是CSS和可能在其中引用的相應圖像沒有得到正確應用。檢查CSS的路徑以及CSS中的圖像（背景）...您可能需要更正路徑才能解決問題。

來源

2011-12-23 06:14:20 testndtv

請參閱我更新的問題。 – 2011-12-23 08:49:31

你有沒有檢查JS內的代碼？ – testndtv 2011-12-23 11:12:15

爲什麼複製的HTML看起來不像原始HTML？

回答

相關問題