Firefoxは起動前にHTML5テンプレート内のコンテンツを要求しています

ChromeがHTML5テンプレートタグ内にあるimgのsrc属性で定義されたURLをFirefoxが要求しているのに気付いたときDevToolsを使用してWebアプリケーションをデバッグしていました。Firefoxは起動前にHTML5テンプレート内のコンテンツを要求しています

私は最新バージョン（50.0）を使用しています。

これはバグですか？

以下の例：

<template id="object-img"> 
    <div class='object-container'> 
    <div> 
     <img src="cacaca.jpg" class="img-responsive" alt="imagem" /> 
    </div> 
    </div> 
</template>

出典

2016-11-24 Bruno Fonseca

何か間違っているかどうかを確認できるように、コードを表示する必要があります。ただし、テンプレートを明示的にレンダリングしない限り、ブラウザーはそれ自体をレンダリングする必要はありません。テンプレートコンテンツに基づく外部リソース。 – CBroe

リクエストに応じて、私は自分の質問で編集した例を書いています。テンプレートはレンダリングされず、javascript onclickイベントを介してレンダリングされます。 –

もう一つの有益な情報：私のコードには他のテンプレートがあります。ビデオ、オーディオ、オブジェクト...しかし、imgだけがこの動作をしています。 –

これは、Firefoxの最適化のようなものです。

imageは、ブラウザの履歴/キャッシュにまだ存在しない場合に初めて要求されます。その後のページの再ロードでは、要求は再びトリガーされません。

問題が<template>内部imageは、いくつかの状況では逆効果になる可能性がレンダリングされたDOMで次けど通常画像、前に要求されていることです。解決策は、他の画像の後ろに<template>を置くことです。

注：templateの仕様では、テンプレート内の要素はレンダリングされずに解析されると記載されています。参照されるリソースのプリロードについては何も言いません。

出典

2016-11-25 10:34:31 Supersharp

答えて

関連する問題