gdd2011jp

HTML5 AppCache 細かい挙動の要点だけ

Google Developer Day 2011のオフラインコンテンツのセッションでAppCacheの話が出たんだけど、細かい挙動がよくわからなかったので調べてみた。 基本的な所は色んなブログとかがあるので、ググると良いと思う。 A Beginner’s Guide to Using the Application Cache http://www.html5rocks.com/en/tutorials/appcache/beginner/ HTML5 のオフライン機能(Eiji Kitamura) @agektmr http://d.hatena.ne.jp/nakamura001/20111103/1320327036 調べたのはもうちょっと微妙な所です。ちなみにOSX版のGoogle Chrome15.0.874.106で調べた。 間違ってたらコメントください。 CACHEにあるものは一度キャッシュされたらオンラインの状態でも更新されない(リロードボタンを押しても同じ) manifestを更新すれば、2回目の再読み込みでAppCacheが更新される  manifest更新後、一回目の再読み込みでは変更されないことに注意。 manifestの変更は、コメント行でもOK。なので#VERSION 1みたいな行を付けるのが定石 CACHEとNETWORK両方にエントリがあると、CACHEの方が勝つ=オンラインでも更新されない manifest設定をしているhtmlファイルそのものは暗黙でキャッシュされることに注意。(なので明示的に書いたほうが良いマナー。) NETWORKとFALLBACKの両方にエントリがある場合、NETWORKの方が優先されて、FALLBACKしないっぽい。FALLBACKさせるリソースはNETWORKに書かない…