1分でわかるhtml5キャッシュのマニフェストファイル_html/css_WEB-ITnose

カテゴリ: WEB フロントエンド 時間: 2016 年 4 月 21 日

HTML5 では、マニフェストを作成することで簡単に Web を作成できるアプリケーション キャッシュ (Application Cache) が導入されました。ファイル アプリケーションのオフライン バージョンを使用すると、ネットワークがない場合でも Web アプリケーションにアクセスできます。マニフェスト ファイルは主に、キャッシュする必要があるファイルを定義します。マニフェスト ファイルをサポートするブラウザは、マニフェスト ファイルの規則に従ってファイルをローカルに保存するため、ネットワークがない場合でもキャッシュされたファイルをローカルで読み取ることができます。以下では、PHP プログラマー Lei Xuesong が HTML5 キャッシュ マニフェスト ファイルについて詳しく説明します。

1. マニフェストの利点

a. オフライン閲覧 – ユーザーはオフラインでもアプリを使用できます

b. キャッシュされたリソースの読み込みが高速になります

c. サーバーの負荷を軽減します – ブラウザーは更新または変更されたリソースのみをサーバーからダウンロードします。

2. マニフェスト ファイルの試行方法

a. HTML タグ

b のマニフェスト ファイルを作成します。マニフェスト ファイルの基本形式である CACHE MANIFEST は、ファイル - キャッシュする必要があるファイルの CACHE を宣言します。

CACHE MANIFEST CACHE #缓存theme.css和main.js /theme.css /main.js

NETWORK - キャッシュされないファイル

CACHE MANIFEST NETWORK: #不缓存login.php，*表示全部 login.php

FALLBACK - ファイルアクセスできません

CACHE MANIFEST FALLBACK: #当无法访问index.js时，访问main.js /index.js /main.js

3. 完全なマニフェスト ファイル

CACHE MANIFEST # 2016-04-21 v1.0 /theme.css /main.js  NETWORK: login.php  FALLBACK: /index.js /main.js

4. キャッシュを更新する方法

a.

b. js キャッシュ、window.applicationCache.update();

c. ブラウザーのキャッシュをクリアします