3

大きな写真のように、負荷の高いコンテンツを含む div があるとします。スタイルシートで何も表示しないように設定されている場合、サイトはこの div のコンテンツをロードしますか? それとも、div とそのコンテンツは無視されてロードされませんか?

4

3 に答える 3

7

リクエストクエストによると:

ブラウザーは、親スタイルに関係なく画像をダウンロードします

画像が読めない方へ
<div style="display: none"><img src="img.png"></div>

上記は、次のいずれかで img.png のリクエストをトリガーしますか?

クローム、サファリ、ファイアフォックス、IE

正しい!リクエストは、Chrome、Safari、Firefox、および IE で行われました。

あはは!はい、仕様に従って、ブラウザはスタイルに関係なく画像をダウンロードします。

この動作は、JavaScript がジャンプしてプロパティを変更する前に元の画像が要求されるため、アダプティブ画像の多くの JavaScript 実装の失敗となっていsrcます。

于 2013-06-13T17:33:35.297 に答える
2

はい、まだロードされます。HTML コードの一部であるため、ブラウザーは、display='none' に設定された div のコンテンツの値をロードします。

html に非常に大きなメディアをロードすることを避けたい場合は、javascript または PHP の条件を使用する必要があります。

于 2013-06-13T17:29:50.323 に答える
2

ロードされます。遅延ロードが必要な場合は、CSS の背景属性を別の URL に一致するように変更してみてください。その後、ロードされます。

「display:none」は画像の読み込みを妨げますか?

于 2013-06-13T17:27:32.060 に答える