ApplicationCache
2009-08-09 (日) 20:19:00 (909d)

lifebuoy.png iPhone/iPod touch搭載のMobileSafariがサポートするHTML 5 application cacheに関するまとめ

アプリケーションキャッシュについて 　

  • HTML5で規定されているアプリケーションキャッシュは、更新頻度の少ないファイルについて個別にオフライン保存を許可し速度を改善させます。
  • Manifest Fileを用意し、個別ファイルごとに記述します。 
    CACHE MANIFEST
# comment line
demoimages/clownfish.jpg
demoimages/clownfishsmall.jpg
  • なお、Manifest Fileは「text/cache-manifest」でサーブする必要があるので、「.manifest」などとしておき「.htaccess」で「AddType? text/cache-manifest .manifest」と記述する必要があります。
  • 利用宣言は、HTMLヘッダで行います。 
    <html manifest="demo.manifest">
  • キャッシュがupdate可能かどうかを検出します。 
    cache = window.applicationCache;
if (window.applicationCache.status == window.applicationCache.UPDATEREADY)
window.applicationCache.update();
window.applicationCache.swapCache();
  • キャッシュの検出はイベントハンドラーで受け取ることが出来ます。 
    cache = window.applicationCache;
cache.addEventListener('updateready', cacheUpdatereadyListener, false);
cache.addEventListener('error', cacheErrorListener, false);

参考サイトなど 　

Safari Web Content Guide for iPhone OS：Storing Data on the Client 　

  • HTML 5 application cacheに関する説明がある。



スポンサード　リンク