0

最初に、Google chrome の「Inspect Element」オプションと「View source」オプションが、Google でのクエリの検索結果を含むページに対して、次のように異なる結果を返す理由を尋ねたかったのです。

ここに画像の説明を入力

ここに画像の説明を入力

次に、次のリンクから、「ソースを表示」するとサーバーから受信した生の HTML が表示され、「要素を検査」すると DOM ツリーの構築後に取得されたコードが表示されることがわかりました。

Chrome:要素の検査とソースの表示 クロム:ページのソースと要素の検査の違い? http://productforums.google.com/forum/#!topic/chrome/46KsUR20Erc

わかりました。要素の検査オプションを使用すると、ブラウザーは DOM ツリーを構築できるため、各検索結果の見出しに「h3」タグが表示されます。しかし、私が疑問に思っているのは、このタグを作成したのは何ですか? 結果ページで単純な「ソースの表示」を実行して「h3」というテキストを探すと、正しいものが表示されるはずですか? 全く似てないかもしかし、おそらく何か他のものですか?

4

1 に答える 1

0

要素の検査オプションにより、ブラウザーは DOM ツリーを構築できます。

いいえ。ブラウザは HTML から DOM ツリーを構築します。次に、JavaScript の要求に応じて変更します。DOM Inspector は別の UI を提供するだけで、ツリーは既に構築されています。

結果ページで単純な「ソースの表示」を実行してテキスト「h3」を探すと、正しいものが表示されるはずですか?

HTML に表示され、Javascript から生成されたものではない場合のみ。

于 2013-06-29T23:39:46.690 に答える