2011-12-23 3 views
2

GoogleのKeyword Tool pageの生成されたソースコード(Firefoxウェブ開発ツールバーのView Source -> View Generated Source)を新しいHTMLファイルにコピーしました。コピーされたHTMLが元のHTMLのように見えないのはなぜですか?

しかし、私はこの新しいファイルを開く、アイテムの一部が何らかの理由で伸びて見えます:私は推測

enter image description here

enter image description here

オリジナルのウェブサイトは、このようになりますGoogleがいくつかの要素を作成し、JavaScriptを使用してさまざまな属性を設定していますが、の後にというページがコピーされています。では、なぜこの違いがありますか?


UPDATE 1

フルパスで指定されていないだけでJS/CSSファイルは、次のとおりです。

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

私はこれを置き換えてみました:

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

しかし、それは役に立たなかった。ブラウザのエラーコンソールで


UPDATE 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


UPDATEはどうやら、その理由はDOCTYPE宣言が欠落していることです。伸ばしたバージョンに<!DOCTYPE html>を追加した後、問題を解決しました。なぜ誰かが説明できますか?

+0

元のページに付いているすべてのCSSがありますか? – jfriend00

+0

cssもすべてコピーしましたか? –

+0

私は質問を更新しました。 –

答えて

2

ページを保存すると、サーバーから提供されたHTMLのバージョンのみが元の形式で取得されます。 JSを使用してロードした後に作成されたDOMの改造は保存の一部ではありません。

EDIT

コードは本当に不可解であると、私はエラーの正確な理由をトレースできませんでした!いずれにしても、正確なページをオフラインで再現できるようにするには、ブラウザから「ページを保存」を実行します(Webページを選択してください)。私はFFだけでなく、クロームでこれを試して、両方の場合に正常に動作しています。保存されたページを開いている間は、コード内のわずかなエラーでさえ、IEを認証されたチョーカーとして使用しないことをお勧めします。 :)

エラーの原因としては、クロスドメインAJAXセキュリティ例外(呼び出し元のクライアント側スクリプトとサーバーサイドスクリプトが別のドメインにある場合)が考えられます。 com_google_ads_apps_servers_cues_CuesReleaseとcom_google_ads_apps_targetingideas_client_TargetingIdeasの2つの変数は、AJAX呼び出しの戻り値(secu excepのbcozを実行できなかった)を使用して初期化されているようで、結果として未定義のままです。

+0

最新の質問をご覧ください。 –

+0

ブラウザのエラーコンソールを確認しましたか?セキュリティ例外がリストされているかどうかを確認してください。 – techfoobar

+0

あなたは正しいです。いくつかのエラーがあります。 「Update 2」を参照してください。これらのエラーが表示される理由は何ですか? –

1

cssjsはページに表示されていませんが、どこか他の場所から参照されている必要があります。

+0

最新の質問をご覧ください。 –

1

最も可能性の高い理由は、CSSとその中で参照される可能性のある対応イメージが正しく適用されないことです。 CSSのパスとCSS内のイメージ(バックグラウンド)を確認します。問題を解決するには、パスを修正する必要があります。

+0

最新の質問をご覧ください。 –

+0

JS内のコードもチェックしましたか? – testndtv

関連する問題