h5オフラインストレージマニフェスト

(1)背景

オフラインストレージを通じて、マニフェストの構成ファイルにオフラインで保存する必要のあるファイルをリストし、ユーザーがオフラインでも通常どおりWebページを表示できるようにします。

(二)配置

(1)キャッシュする必要のあるページにmanifest = "cache configuration filename"を追加します。ファイルをルートディレクトリに配置することをお勧めします。

<html lang="en" manifest="cache.manifest">

(2)現在のフォルダのルートディレクトリに新しいcache.manifestを作成します。

マニフェストファイルには、キャッシュ、ネットワーク、フォールバックの3つの基本形式があり、ネットワークとフォールバックはオプションです。

キャッシュマニフェストの最初の行は固定形式であり、前に書き込む必要があります。

#で始まるものはコメントであり、バージョン番号、タイムスタンプなどがあります。通常、ここにバージョン番号を書き込んで、キャッシュされたファイルが更新されたときにマニフェストを変更します。バージョン番号の役割:ブラウザがキャッシュをキャッシュし、ローカルキャッシュは、コードが変更された場合でも、マニフェストファイルが変更されたときにのみ更新されます。ローカルブラウザは更新を認識しないため、コードを公開するたびに、バージョン番号や時刻などの#に続く情報を変更して、それに応じてローカルキャッシュを更新するようにブラウザに指示できます。

1.キャッシュ(必須)キャッシュする必要のあるファイルを特定します。これには、相対パスまたは絶対パスを指定できます。ここにリストされているファイルは、最初にロードされたときにブラウザーによってローカルにキャッシュされます。

2.ネットワーク:以下にリストされているリソースはオンラインの場合にのみアクセスでき、これらのリソースはオフラインで保存されないことを意味します。これらのリソースはオフラインで使用することはできず、ネットワークが接続されている場合にのみアクセスできます

4.フォールバック(オプション)リソースにアクセスできない場合、ブラウザーはバックアップリソースを使用してリソースを置き換えます。2番目はバックアップページを表します。両方のuriは相対パスを使用し、マニフェストファイルと同じである必要があります。ワイルドカードを使用できます。

CACHE MANIFEST
    #v0.1
    CACHE:
      js/index.js
      css/index.css
    NETWORK:
      images/logo.png
    FALLBACK:
      *.html /404.html

(3)ビュー

 見ることができますに アプリケーション ---- アプリケーションキャッシュ

(1)正常にキャッシュするには、サーバーを起動する必要があります

(2)httpsで始まるURLはアプリケーション キャッシュを見ることができます 

おすすめ

転載: blog.csdn.net/Luckyzhoufangbing/article/details/108823430