如何在 Javascript 中按名称删除兑现 - pwa

Question

我正在工作的 PWA 应用需要删除一个条目。

以下代码用于检查缓存。

self.addEventListener('activate', function (event) {
    console.log('[Service Worker] Activating Service Worker ....', event);
    event.waitUntil(
        caches.keys()
            .then(function (keyList) {
                console.log('[Service Worker] keyList ....', keyList);
                return Promise.all(keyList.map(function (key) {
                    if (key !== CACHE_STATIC_NAME && key !== CACHE_DYNAMIC_NAME) {
                        console.log('[Service Worker] Removing old cache.', key);
                        return caches.delete(key);
                    }
                }));
            })
    );
    return self.clients.claim();
});

我需要根据特定的缓存键删除特定缓存内的条目。

Answer 1

这是一个辅助函数，它接收缓存名称和缓存键的 URL，并删除与该缓存键对应的 Response。

async function deleteCacheKeyFromCache(cacheName, cacheKey) {
  const cache = await caches.open(cacheName);
  await cache.delete(cacheKey);
}

// Use it like:
// await deleteCacheKeyFromCache('my-cache', '/index.html');

如果cacheName 不存在，或者cacheKey 不存在于cacheName 中，则该函数实际上是无操作的。