サービスワーカーを使用してWebアプリケーションをオフラインで利用できるようにするつもりです。キャッシュストレージは、インターネット接続があるときにファイルを表示します。しかし、私がオフラインになると、キャッシュが消えてしまうようです。私はService WorkersタブのReload on Updateのチェックボックスを有効にしていません。オフラインになるとChromeアプリケーションキャッシュが削除される
私のサービスワーカーのフェッチイベントは次のとおりです。
self.addEventListener('fetch', function(e) {
console.log('[ServiceWorker] Fetch', e.request.url);
e.respondWith(
caches.match(e.request).then(function(response) {
return response || fetch(e.request);
})
);
});
私はオンラインだ場合は、コンソール用のプリントは、次のとおりです。
スクリプトを取得する際に不明なエラーが発生しました。 がリソースの読み込みに失敗しました:私はオフラインだときのネット:: ERR_INTERNET_DISCONNECTEDサービスworker.js
をただし、コンソールouptutは次のとおりです。
[ServiceWorker] https://cocoa.pythonanywhere.com/static/login/bootstrap/CSS/bootstrap.css サービス-worker.jsフェッチ:113 [ServiceWorker ]マニフェストhttps://cocoa.pythonanywhere.com/static/login/Offline/HTML/manifesto サービスworker.jsとアプリケーションキャッシュにマスターエントリを追加https://cocoa.pythonanywhere.com/static/login/logo.png cocoa.pythonanywhere.com/:1フェッチ:113 [ServiceWorker] https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css サービスworker.jsフェッチを:113 [ServiceWorker] https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js service-フェッチworker.js:113 [ServiceWorker] https://cocoa.pythonanywhere.com/static/login/js/app.js サービスworker.jsフェッチ:113 [ServiceWorker] https://cocoa.pythonanywhere.com/static/login/bootstrap/js/jquery-3.1.1.min.js サービス-worker.jsフェッチ:113 [ServiceWorker] https://cocoa.pythonanywhere.com/static/login/bootstrap/js/bootstrap.min.js サービス-worker.jsフェッチ:113 [ServiceWorker] https://cocoa.pythonanywhere.com/static/login/js/diem.js cocoa.pythonanywhere.com/:1を取得低速ネットワークが検出されました。ロード中にフォールバックフォントが使用されます。https://cocoa.pythonanywhere.com/static/login/bootstrap/fonts/glyphicons-halflings-regular.woff2 app.js:2 CLIENT:サービスワーカーの登録が進行中です。 app.js:4 CLIENT:サービスワーカーの登録が完了しました。
私は
は、オンラインアプリケーション]タブにはなりますアプリケーションキャッシュはpoblatedとサービス労働者が登録されています。
私は、オフライン時には次のように表示されます
キャッシュがpoblatedないとサービスワーカーがアクティブにされていません。