Appcache - フォールバックが正常に動作しない

Question

FALLBACKを指定すると、wifi.svgがキャッシュからロードされたときにnowifi.svgに置き換えられることが予想されます。期待どおりに動作していません。

ここに私のキャッシュマニフェストファイルがあります。

CACHE MANIFEST 
# Version 0.1.3 


index.html 

CACHE: 
images/nowifi.svg 

NETWORK: 
images/wifi.svg 

FALLBACK: 
images/wifi.svg images/nowifi.svg 

私はオフラインだとき、私は唯一のキャッシュされたnowifi.svg

の代わりに欠落している画像を参照してください私はまだ運を隠し<img src="images/nowifi.svg" />を添加していない、私はnowifi.svgが問題になる可能性がある要求したことがないことから、思いました。

問題の原因を特定できませんでした。

完全なプロジェクトのために

：フォールバックが機能するためにあなたは、あなたのマニフェストのNETWORKセクションからwifi.svgを削除する必要がありますhttps://github.com/palaniraja/kmusic/blob/master/src

Answer 1

：

CACHE MANIFEST 
#Version 0.1.3 

index.html 

CACHE: 
images/nowifi.svg 

FALLBACK: 
images/wifi.svg images/nowifi.svg 

これが最初でビットカウンタ - 直感的に感じるかもしれませんが、明示的なNETWORKエントリがフォールバックエントリよりも優先されます。フォールバックは一度も適用されず、イメージは失われています。

ブラウザもFALLBACKエントリの左側には、サーバーで再確認されるべきであることを認識できるほど賢くあり、かつ適切に代替画像（だけではなく、キャッシュされたコピーを使用して）、 と交換しますそれはオフライン時です。

また、通常は自動的にFALLBACKエントリ（すなわちnowifi.svg）の右辺をキャッシュしますので、（それは何も影響しませんを通じて）あなたにもCACHEセクションからそれを省略することができます。

私の経験では、Google Chromeの「デベロッパーツール」とFirefoxの「オフライン作業」機能は、キャッシュやオフラインアプリでは奇妙な結果を生む傾向があることに注意してください。これをテストするときは、代わりにWebサーバーまたは接続をオンまたはオフにします。