CacheStorage: delete() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Note: This feature is available in Web Workers.
The delete() method of the CacheStorage interface finds the Cache object matching the cacheName, and if found, deletes the Cache object and returns a Promise that resolves to true.
If no Cache object is found, it resolves to false.
You can access CacheStorage through the Window.caches property in windows or through the WorkerGlobalScope.caches property in workers.
Syntax
delete(cacheName)
Parameters
cacheName-
The name of the cache you want to delete.
Return value
A Promise that resolves to true if the Cache
object is found and deleted, and false otherwise.
Examples
In this code snippet we wait for an activate event, and then run a
waitUntil() block that clears up any old,
unused caches before a new service worker is activated. Here we have an array of cache
names we want to keep (cachesToKeep). We return the keys of the caches in
the CacheStorage object using CacheStorage.keys, then
check each key to see if it is in the array. If not, we delete it using
delete().
this.addEventListener("activate", (event) => {
const cachesToKeep = ["v2"];
event.waitUntil(
caches.keys().then((keyList) =>
Promise.all(
keyList.map((key) => {
if (!cachesToKeep.includes(key)) {
return caches.delete(key);
}
return undefined;
}),
),
),
);
});
Specifications
| Specification |
|---|
| Service Workers Nightly # cache-storage-delete |
Browser compatibility
| desktop | mobile | server | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
delete
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support