モバイル HTML5 Web アプリを作成していますが、ユーザーがインターネット アクセスを失った場合でも、ローカル ストレージを使用してアプリを引き続き使用できるようにすることができるかどうか疑問に思っています。
基本的な考え方は、wi-fi / 3G がある場合は HTML とデータをダウンロードしますが、インターネット アクセスが失われると、少なくとも古いキャッシュ データを使用して最新のバージョンにアクセスできるというものです (データが最新でない可能性があるという警告が表示されます)。インターネットに再びアクセスできるようになるまで）。
これはローカルストレージで可能ですか?
そうです。の目的の 1 つは、localStorageオフライン アプリケーションを有効にすることです。
確認できます（詳細はこちらをご覧ください）：
window.navigator.onLine
オンラインかオフラインかを確認するには:
window.addEventListener("offline", offlineFunc, false)
window.addEventListener("online", onlineFunc, false)
オフラインの場合はlocalStorage、ページを部分的に更新して、保存されたコンテンツを提供します。
これを行う別の方法は、cache manifest.
ここでは、ブラウザがオフラインになった場合に利用できるファイルや、ネットワークが必要なファイルなどを定義できます。
詳細については、https:
//en.wikipedia.org/wiki/Cache_manifest_in_HTML5
http://diveintohtml5.info/offline.htmlを参照してください。
fromlocalStorageを使用して、 (またはファイルを)IndexedDB保存できるようにすることもできます( File APIは準備中です。現在は Chrome のみ)。Blobs