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

See also