マニフェストの基本
アプリケーションのキャッシュを有効にするには、ドキュメントの <html> タグにマニフェスト属性を含めます:
<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>
マニフェストを指定するすべてのページは、ユーザーがアクセスするとキャッシュされます。マニフェスト属性が指定されていない場合、ページはキャッシュされません (マニフェスト ファイルで直接指定されていない限り)。
マニフェスト ファイルの推奨ファイル拡張子は「.appcache」です。
マニフェスト ファイルは正しい MIME タイプ、つまり「text/cache-manifest」で構成する必要があることに注意してください。 Web サーバー上で設定する必要があります。
マニフェスト ファイル
マニフェスト ファイルは、何がキャッシュされているか (何がキャッシュされていないのか) をブラウザーに伝える単純なテキスト ファイルです。
マニフェスト ファイルは 3 つの部分に分けることができます:
CACHE MANIFEST - この見出しの下にリストされているファイルは最初のダウンロード後にキャッシュされます
NETWORK - この見出しの下にリストされているファイルは Connection でキャッシュする必要がありますサーバーに送信され、キャッシュされません
FALLBACK - この見出しの下にリストされているファイルは、ページにアクセスできない場合 (404 ページなど) のフォールバック ページを指定します
キャッシュマニフェスト
最初の行 CACHE MANIFEST は必須です:
CACHE MANIFEST
/theme.css
/logo.gif
/main.js
上記のマニフェスト ファイルには、CSS ファイル、GIF 画像、およびJavaScript ファイル。マニフェスト ファイルが読み込まれると、ブラウザはこれら 3 つのファイルを Web サイトのルート ディレクトリからダウンロードします。その後、ユーザーがインターネットから切断しても、これらのリソースは引き続き使用できます。
NETWORK
次のNETWORKサブセクションでは、ファイル「login.php」が決してキャッシュされず、オフラインでは利用できないことを指定します:
NETWORK:
login.php
アスタリスクは、他のすべてを示すために使用できます。他のリソース/ファイルにはインターネット接続が必要です:
NETWORK:
*
FALLBACK
以下の FALLBACK サブセクションでは、インターネット接続を確立できない場合に、すべてのファイルの代わりに「offline.html」が使用されることを指定します。 /html5/ ディレクトリ内 ファイル:
FALLBACK:
/html/ /offline.html
注: 最初の URI はリソースで、2 番目の URI はフォールバックです。
キャッシュを更新する
アプリがキャッシュされると、次のことが起こるまでキャッシュされたままになります:
ユーザーがブラウザーのキャッシュをクリアする
マニフェストファイルが変更される(以下のヒントを参照)
プログラムによってアプリのキャッシュを更新する
