caches
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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.
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', function(event) {
event.waitUntil(
caches.open('v1').then(function(cache) {
return 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 1 # self-caches |
Browser compatibility
BCD tables only load in the browser