サービスワーカーによってブラウザのキャッシュに既に保存されているブログ投稿を表示するにはどうすればよいですか？

Question

私のブログには最近の投稿をキャッシュするa working Service Workerがあり、オフラインであっても読むことができます。

the offline pageには、キャッシュに存在しないコンテンツが表示されています。オフラインで読むことができるように、キャッシュにある最近の投稿をリストしたいと思います。

標準ウィンドウサービスワーカーの代わりに、このようなコンテンツをリストする簡単な方法はありますか？

私はこれのためのチュートリアルを見つけることができません。私が見つけたすべてのチュートリアルはService Workerの部分だけを扱っています。

ありがとうございました。

Answer 1

Cache Storage APIは、ワーカーで利用できるほか、windowグローバルスコープの一部としてwindow.cachesの一部としても利用できます。

はここで、すべてのキャッシュの内容のリストを取得するには、そのインタフェースを使用してのfull exampleからの抜粋です：

window.caches.keys().then(function(cacheNames) { 
    cacheNames.forEach(function(cacheName) { 
    window.caches.open(cacheName).then(function(cache) { 
     return cache.keys(); 
    }).then(function(requests) { 
     requests.forEach(function(request) { 
     // Do something with request, like update your UI 
     // based on request.url. 
     }); 
    }); 
    }); 
});