简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > H5 チュートリアル > 本文

H5 アプリケーション キャッシュ - マニフェスト固有の概要

黄舟
リリース： 2017-04-18 09:55:59
オリジナル
1826 人が閲覧しました

はじめに

マニフェストは、H5キャッシュ メカニズムによって提供されるアプリケーションであり、これに基づいて Web アプリケーションがオフライン アクセス (オフライン) を実現できます。この目的のために、ブラウザーはアプリケーション キャッシュ API (applicationCache) も提供します。マニフェスト テクノロジは Web 標準によって廃止されましたが、これはまさにアプリケーション キャッシュ メカニズムの理解に影響を及ぼしません。マニフェストはとても魅力的です。人々、Ele.me、office 365 メールボックスはまだそれを使用しています!

説明

マニフェストに詳しい学生はこのセクションを飛ばしてください。

マニフェスト アプリケーション キャッシュのテクノロジーを考慮すると、次のことができます。 :

オフラインアクセス: サーバーがダウンしている場合やネットワークがない場合でも、ユーザーは通常どおり Web コンテンツを閲覧できます。

高速アクセス: データはローカルに存在するため、ブラウザーが http リクエストを開始する時間を節約できます。当然のことですが、

負荷の軽減: ブラウザは、マニフェスト ファイルが変更されたときにキャッシュする必要があるリソースをダウンロードするためにサーバーにアクセスするだけで、サーバーの負荷が大幅に軽減されます。

マニフェスト キャッシュのプロセスは次のとおりです (インターネットから):

サポート性

メインストリーム ブラウザはすべて、マニフェスト アプリケーション キャッシュ テクノロジをサポートしています:

H5 アプリケーション キャッシュ - マニフェスト固有の概要

H5 標準では、オフライン Web アプリケーション部分は次のように説明されています。 : 

This feature is in the process of being removed from the Web platform. 
(This is a long process that takes many years.) 
Using any of the offline Web application features at this time is highly discouraged. Use service workers instead. [SW]
ログイン後にコピー

そのため、今後も他の記事で Service Worker を紹介し、この記事では引き続きマニフェストに焦点を当てていきます。

アプリケーション キャッシュを有効にする方法

マニフェストはキャッシュ マニフェストを使用して管理されます。以下のように、html タグに関連付けられます: 

<html manifest="test.appcache">
  ...
</html>
ログイン後にコピー

HTML タグでマニフェスト ファイルを指定します。これは、Web ページがオフライン キャッシュにマニフェストを使用することを意味します。 test.appcache テキスト ファイルで指定する必要があります。

マニフェスト キャッシュ マニフェスト

コンポジションを記述するのと同じように、マニフェストは次のような古典的な 3 セクション形式を採用します。 、まずは栗を見てみましょう。

以上がH5 アプリケーション キャッシュ - マニフェスト固有の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
H5，应用缓存，Manifest
ソース：php.cn
前の記事：H5 レスポンシブ Web サイト構築の基本原則を詳しく説明します。 次の記事：HTML5 キャンバス タイル コードの詳細な説明
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Nuxt.js SSG (静的サイトジェネレーター) API データの取得 静的サイトジェネレーターを使用してプロジェクトを構築する場合、事前に作成されたドキュメントがユーザーに提供されることを理解しています。ページに入ったときに axios を使ってデー...
から 2023-11-16 21:36:07
0
1
176
React Native - 呼び出しキャッシュを取得する ReactNative を使用して、サーバーに依存して最新情報を取得する get 呼び出しを行うアプリを構築しています。応答をキャッシュしているようで、そのフェッチ呼び出しを再度実...
から 2023-10-21 23:44:23
0
2
277
React側でダウンロードするときにバッファをファイルに変換する方法 https://www.npmjs.com/package/convert-html-to-pdf を使用して、nodejs で html を pdf に変換しています。私は反応フ...
から 2023-09-01 23:23:15
0
1
289
Vue/SpringBoot: JSESSIONID が変化し続けるのはなぜですか SpringBoot3.0.1 バックエンドを備えた vue アプリケーションがあり、CSRF を使用したいと考えています。 Vue フロントエンドと SpringBoot バック...
から 2023-08-29 19:12:16
0
1
250
mysql 8 innodbでデータベースキャッシュをクリアする方法 同じ mysql8 データベースとテーブルに対して同じクエリを複数回実行しようとしました。クエリやテーブル自体をチューニングすることでパフォーマンスが向上するかどうかを実験して判断...
から 2023-08-27 23:46:28
0
2
247
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！