caches
The global caches
read-only property returns the CacheStorage
object associated with the current context.
This object enables functionality such as storing assets for offline use, and generating custom responses to requests.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Value
A CacheStorage
object.
Examples
The following example shows how you'd use a cache in a service worker context to store assets offline.
this.addEventListener('install', (event) => {
event.waitUntil(
caches
.open('v1')
.then((cache) =>
cache.addAll([
'/sw-test/',
'/sw-test/index.html',
'/sw-test/style.css',
'/sw-test/app.js',
'/sw-test/image-list.js',
'/sw-test/star-wars-logo.jpg',
'/sw-test/gallery/',
'/sw-test/gallery/bountyHunters.jpg',
'/sw-test/gallery/myLittleVader.jpg',
'/sw-test/gallery/snowTroopers.jpg',
])
)
);
});
Specifications
Specification |
---|
Service Workers # self-caches |
Browser compatibility
BCD tables only load in the browser