Javascript 如何删除本地主机上的service worker缓存
请参见下面的服务人员代码:Javascript 如何删除本地主机上的service worker缓存,javascript,caching,service-worker,service-worker-events,Javascript,Caching,Service Worker,Service Worker Events,请参见下面的服务人员代码: var CACHE_NAME = 'my-site-cache-v18'; var urlsToCache = [ '1.jpg', '2.png' ]; self.addEventListener('install', function(event) { // Perform install steps event.waitUntil( caches.open(CACHE_NAME) .then(function(cache)
var CACHE_NAME = 'my-site-cache-v18';
var urlsToCache = [
'1.jpg',
'2.png'
];
self.addEventListener('install', function(event) {
// Perform install steps
event.waitUntil(
caches.open(CACHE_NAME)
.then(function(cache) {
console.log('Opened cache');
return cache.addAll(urlsToCache);
})
);
});
self.addEventListener('activate', function(event) {
event.waitUntil(
caches.keys().then(function(cacheNames) {
return Promise.all(
cacheNames.filter(function(cacheName) {
}).map(function(cacheName) {
return caches.delete(cacheName);
})
);
})
);
});
self.addEventListener('fetch', function(event) {
event.respondWith(
caches.match(event.request)
.then(function(response) {
if (response) {
return response;
}
return fetch(event.request);
}
)
);
});
我面临的问题是在chrome的inspect元素中,缓存存储图正在继续增长
当我看到文件资源管理器中的缓存存储时,旧文件夹不会被删除。每次刷新页面时,都会创建一个新文件夹。
每次我更改“缓存名称”(缓存的验证)时,这些加密文件夹都在增加
请帮忙。我尝试了很多,但无法解决问题。每次重新加载页面时,缓存使用率是否都会增加 这可能是由于chrome中的错误造成的。它已被修复,看起来将在v65中推出
您可能需要更改激活事件并尝试其他方法 我是这样用的:
self.addEventListener('activate', function(e) {
console.log('[ServiceWorker] Activate');
e.waitUntil(
caches.keys().then(function(keyList) {
return Promise.all(keyList.map(function(key) {
if (key !== cacheName) {
console.log('[ServiceWorker] Removing old cache', key);
return caches.delete(key);
}
}));
})
);
return self.clients.claim();
});
要使用filter(),在filter()中传递的arguement函数不返回任何内容,而需要从该函数返回cacheName值
cacheNames.filter(function(cacheName) {
//you need to return the cachename which you want to
//delete from the cache by specifying the conditions
}).map(function(cacheName) {
return caches.delete(cacheName);
})
比如说-
var staticCacheName = 'my-site-v18';
self.addEventListener('install', function(event) {
var urlsToCache = [
'1.jpg',
'2.jpg'
];
event.waitUntil(
caches.open(staticCacheName).then(function(cache){
return cache.addAll(urlsToCache);
}))
});
self.addEventListener('activate',function(event){
console.log('activating');
event.waitUntil(
caches.keys().then(function(cacheNames){
console.log(cacheNames);
return Promise.all(
cacheNames.filter(function(cacheName){
return cacheName.startsWith('my-site') && cacheName != staticCacheName ;
}
).map(function(cacheName){
return caches.delete(cacheName);
})
);
})
);
});
这对你有用吗。您的chrome浏览器版本是什么?使用的是最新版本。你把这些控制台注销了?您是否尝试过完全关闭所有选项卡并以全新的方式打开站点?有时,即使调试模式设置为“重新加载时更新”,我也会遇到问题。您认为我的服务人员js中没有问题吗?