この記事は、HTML5 アプリケーションとストレージ アプリケーションに関する内容を提供します。必要な方は参考にしていただければ幸いです。
1. オフライン アプリケーション
オフライン アプリケーションは、ユーザーがネットワークなしで Web アプリケーションを使用できるように設計された HTML 5 の新機能です。
[オフライン リソース キャッシュ]、[オンライン ステータス監視]、[ローカル データ ストレージ]などの HTML 5 オフライン機能。
オフライン リソース キャッシュ - ブラウザーのメカニズムを通じて、オンライン リソースがローカルにキャッシュされ、ユーザーがオフラインでアプリケーションにアクセスすると、これらのリソース ファイルがローカル エリアから自動的にロードされるため、ユーザーはアプリケーションを通常どおり使用できます。
オンライン ステータス監視 - 一部のアプリケーションでは、一部のデータについてサーバーと通信する必要があります。アプリケーション開発者は、ブラウザがオンライン ステータス監視を提供しているかどうかを知る必要があります。 (window.online = function(){})
ローカル データ ストレージ - アプリケーションがオフラインの場合、プログラムは、オンライン時にサーバーと同期できるように、ユーザーが生成したデータをローカルに保存する必要があります。この目的のために、HTML 5 はさまざまなローカル ストレージ メカニズムを提供します。
通常の Web アプリケーションと比較して、オフライン Web アプリケーションには、[キャッシュする必要がある] リソースと [キャッシュしない] リソースをリストする追加の説明ファイルがあります。ファイル拡張子は[.appcache]、説明ファイルのMIMEタイプは「text/cache-manifest」です。
offline.appcache ファイルのコードは次のとおりです
CACHE MANIFEST #cache 之后的资源都会被缓存 CACHE: main.html style.css main.js #network 之后的资源不会被缓存，总是从线上获取 NETWORK: account/
アプリケーションをオフラインにする場合は、.html ファイルをマニフェスト記述ファイルに関連付けるだけです
<html manifest="./offline.appcache"></html>
2.LocalStorage (ローカル ストレージ) SessionStorage (セッション ストレージ)
Cookie の欠点
サイズ制限 - 標準ブラウザでは、1 つの Cookie のサイズは 4kb です。
パフォーマンスの消費 - 現在のドメインのすべての http リクエストにはこれらの Cookie データが含まれます。
HTML5 ローカル ストレージには、Web サイトごとにスペースが割り当てられます [5MB]
LocalStorage と SessionStorage の違い
前者は手動でクリアされるまでローカルに保存されます
後者は現在のページに残ります。ライフサイクル上、ページを閉じると保存されていたデータも消えます。
おすすめ関連記事:
リンクタグリンクCSSと@import読み込みの違いは何ですか？
子ウィンドウと親ウィンドウ間の値の転送を実装するためのHTML5のポストメッセージのコード
以上がHTML5 アプリケーション: オフライン アプリケーションとストアド アプリケーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
