如何从 Service Worker 中删除多个打开的缓存

Question

我一直在研究 pwa 项目，我打开了两个缓存，一个是静态缓存，另一个是动态缓存，我可以使用此代码一次删除一个缓存self.addEventListener('activate', event => {  console.log('Activating new service worker...');  const cacheWhitelist = [staticCacheName];  event.waitUntil(    caches.keys().then(cacheNames => {      return Promise.all(        cacheNames.map(cacheName => {          if (cacheWhitelist.indexOf(cacheName) === -1) {            return caches.delete(cacheName);          }        })      );    })  );});我想同时删除两个缓存

Answer 1

您的代码看起来已经不错了。就我而言，我使用以下代码删除 SW 缓存：

if ('caches' in window) {

 caches.keys().then(cacheNames => {

   return Promise.all(

     cacheNames.filter(cacheName => {

      // You can have some custom logic here, if you want

     // to delete only some caches

      // If you return TRUE, the cache will be deleted

      }).map(cacheName => {

       return caches.delete(cacheName);

     })

   );

 })

}

该caches.keys()方法返回 CacheStorage 的键，该接口表示 Service Worker 可以访问的 Cache 对象的存储。

Answer 2

试试这个：

self.addEventListener( "activate", event => {

  event.waitUntil(

    //wholesale purge of previous version caches

    caches.keys().then( cacheNames => {

      cacheNames.forEach( value => {

          caches.delete( value );

      } );

    } );

} );

Answer 3

不是专家，但我认为使用这样的过滤器会起作用。

 cacheNames.filter(cacheName => {

          if (cacheWhitelist.indexOf(cacheName) === -1) {

            return caches.delete(cacheName);

          }