オフラインをサポートする Web アプリケーションを作成する必要があります。クライアントのコンピューターがオフラインになると、Javascript はアプリケーションからの重要な情報を含む別のページにリダイレクトする必要があります。
オフライン Web ページにリダイレクト
window.addEventListener("offline", function(e) {
document.location.href='/offline/index.html';
}
, false);
/offline/index.html
インターネット接続が切断されたときにコンテンツが確実に利用できるように、ブラウザーのキャッシュにページを強制的に保存する方法は?
ページは 10 分ごとに更新され(/offline/index.html
アプリがオンラインの場合)、キャッシュは引き続き更新する必要があります。
--
メイン アプリの html でキャッシュ マニフェストを使用しようとしましたが、正しく動作しません。オフライン ページは保存されましたが、オンライン モードの他のページも保存されます。1 つのファイルのみをキャッシュする必要があり、offline/index.html
HTML5 オフライン ソリューションを使用せずに、Javascript イベントを使用して手動でオフライン ページにリダイレクトすることを好みます。
私のキャッシュマニフェストファイル:
CACHE MANIFEST
/ff/landing/js/jquery.min.js
/ff/default/js/online.js
FALLBACK:
/ /offline/index.html
NETWORK:
*