HTML5でのマニフェストキャッシュの使用の詳細な説明

この記事では、主にHTML5でのマニフェストキャッシュの使用に関する詳細な説明を紹介します。この記事では、いくつかの関連する自動化ツールも紹介しています。それを必要とする友人は、起源を指すことができます。

HTML5の前のWebページはすべて接続せずに接続されており、アクセスするためにインターネットに接続する必要がありました。これは実際にはWebの機能です。これは実際にはPCにとって大きな問題ではありません。ただし、モバイルインターネットの時代では、デバイスの端子位置はもはや固定されておらず、ワイヤレス信号に依存しており、ネットワークの信頼性は低くなります。たとえば、電車に座ってトンネルを通過する（15分）、「Ecmascriptコレクション」のような読書のために生まれたページなど、ウェブに非常に有害なWebサイトにアクセスすることはできません。

HTML5は、キャッシュマニフェストファイルを導入します。では、キャッシュマニフェストとは何ですか？次にそれについて話します。

まず、マニフェストは、接尾辞名のミニフェストを備えたファイルです。ファイルでは、キャッシュする必要があるファイルが定義されています。マニフェストをサポートするブラウザは、マニフェストファイルのルールに従ってファイルをローカルに保存し、ネットワークリンクなしでページにアクセスできるようにします。

アプリキャッシュを初めて正しく構成するとき、アプリに再びアクセスすると、ブラウザはまずマニフェストファイルに変更があるかどうかを確認します。変更があれば、対応するものを変更し、ブラウザのアプリキャッシュを変更します。変更がない場合は、アプリキャッシュリソースを直接返します。基本的なプロセスはこのようなものです。

オフラインブラウジング：ユーザーは、Webサイトのコンテンツをオフラインで閲覧できます。

速度の高速：データがローカルに保存されるため、速度は高速になります。

サーバーの負荷の削減：ブラウザは、サーバー上で変更されたリソースのみをダウンロードします。

すべての主流ブラウザは、インターネットエクスプローラーを除くアプリケーションのキャッシュをサポートしています。 Caniuseによって与えられた答えは、下の図に示されています。

HTMLは、現在のページのマニフェストファイルを指定するために使用できるマニフェスト属性を追加しました。

HTMLと同じ名前のマニフェストファイルを作成します。たとえば、ページはindex.htmlです。その後、index.manifestファイルを作成し、次の属性をindex.html htmlタグに追加できます。