CacheStorage: open() method
The open()
method of the
CacheStorage
interface returns a Promise
that resolves to
the Cache
object matching the cacheName
.
You can access CacheStorage
through the global
caches
property.
Syntax
js
open(cacheName)
Parameters
cacheName
-
The name of the cache you want to open.
Return value
Examples
This example is from the MDN simple service worker example (see simple service worker running live).
Here we wait for an InstallEvent
to fire, then runs
waitUntil()
to handle the install process for
the app. This consists of calling CacheStorage.open()
to create a new
cache, then using Cache.addAll()
to add a series of assets to it.
js
self.addEventListener("install", (event) => {
event.waitUntil(
caches
.open("v1")
.then((cache) =>
cache.addAll([
"/",
"/index.html",
"/style.css",
"/app.js",
"/image-list.js",
"/star-wars-logo.jpg",
"/gallery/bountyHunters.jpg",
"/gallery/myLittleVader.jpg",
"/gallery/snowTroopers.jpg",
])
)
);
});
Specifications
Specification |
---|
Service Workers # cache-storage-open |
Browser compatibility
BCD tables only load in the browser