W3cubDocs

/Web APIs

caches global property

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.

js

this.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/",
          "/gallery/bountyHunters.jpg",
          "/gallery/myLittleVader.jpg",
          "/gallery/snowTroopers.jpg",
        ]),
      ),
  );
});

Specifications

Specification
Service Workers
# self-caches

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
caches 40 16 41 No 27 11.1 40 40 41 27 11.3 4.0
secure_context_required 65 79 103 No 52 11.1 65 65 103 47 11.3 9.0
worker_support 40 16 41 No 27 11.1 40 40 41 27 11.3 4.0

See also

© 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/caches