2012-01-24 11 views
1

私はHttpclientを使用して、右クリックして取得するViewSouceと同じページのHTML repsonseを取得するシナリオを持っています。ビューsouceとfirebugの検査要素

<img alt="abc" /> and other tags 

<img alt="def" src="/images/xyz.jpg" /> 

これらは、私がソースから見るタグです。

しかし、私がfirebugのinspect要素を使用するとき、私は各イメージに対して有効なURLを見ます。

<img alt="abc" /> 

上記の例のための は何が起こっている

<img alt="abc" src="/images/fgh.jpg" /> 

のように見えますか?私は、ビューのソースが画像が再ロードされる前にコードが取得され、URLが欠落していると仮定します。私は間違ったことを知っている...しかし、私はこれの理由を知っていません。誰かが私を助けることができる?私は火星探査の要素を見て、すべての画像のURLを取得したい。ありがとう。

+0

画像を取得するためにコンテンツ配信ネットワークを使用していますか?その場合、ビューソースは画像の正確なパスを与えません。その場合、CDNサーバーのパスが表示され、ブラウザで表示されます。 –

+0

のように、ソースを変更するようなjavascriptが必要です。問題のサイトに私たちを指摘できますか?一見するのを助けるかもしれない。 –

+0

この質問を見る - http://stackoverflow.com/questions/8789069/viewing-actual-source-code-of-a-website – yatskevich

答えて

5

ソースはWebサーバーによって提供されるHTMLを表示し、Firebugインスペクタはブラウザによってレンダリングされた後に「ソース」を表示します。つまり、クライアントで何かが変更された場合(javascriptなど) Firebugのインスペクタを介して表示されますが、「ビューソース」オプションでは表示されません。

+0

ありがとうございました。私は、変化するJavaScriptがあると思う。その場合、回避策は何ですか? – JNPW

+0

Firebugには、属性(あなたの "src"属性)が変更されたときにjavascriptファイルを(デバッグのように) "中断"できるようなものがあるはずです。私はその機能を一度も使用していないことを認めます。 – JayC

1

xavivarsは正しいですが、私はそれを置くためのよりよい方法があると感じました。

  1. ソースの表示は、現在のページのために、サーバからクライアントで見られるように応答です。 (Chromeのような一部のブラウザでは、実際にはサーバーからコンテンツをリロードする "view-source:"を見ましたが、btw)。
  2. Firebug Inspectorは、ページの現在のドキュメントオブジェクトモデル(DOM)を表示します。 Javascriptはあなたのページ上で物事を変更したり、要素を追加したり削除したりすることはできません(プラグインやGreaseMonkeyと同じです)。
関連する問題