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.
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.
js
open(cacheName)
cacheName
The name of the cache you want to open.
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", ]), ), ); });
Specification |
---|
Service Workers # cache-storage-open |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
open |
40 | 16 | 41 | No | 27 | 11.1 | 40 | 40 | 41 | 27 | 11.3 | 4.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CacheStorage/open