キャッシュマニフェストの基本

マニフェストの基本

アプリケーションのキャッシュを有効にするには、ドキュメントの <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 はフォールバックです。

キャッシュを更新する

アプリがキャッシュされると、次のことが起こるまでキャッシュされたままになります:

ユーザーがブラウザーのキャッシュをクリアする