CacheStorage.open()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.

El método open() de la interfaz CacheStorage devuelve una Promise que se resuelve en el objeto Cache que coincide con cacheName.

Puedes acceder a CacheStorage a través de la propiedad global caches.

Nota: Si la Cache especificada no existe, se crea una nueva caché con ese cacheName y una Promise que resuelve este nuevo objeto Cache devuelto.

Sintaxis

js
open(cacheName)

Parámetros

cacheName

El nombre de la caché que deseas abrir.

Valor de retorno

Una Promise que se resuelve en el objeto Cache solicitado.

Ejemplos

Este ejemplo es de MDN ejemplo de service worker simple (ve el service worker simple ejecutándose en vivo). Aquí esperamos a que se active un InstallEvent, luego se ejecuta waitUntil() para gestionar el proceso de instalación de la aplicación. Esto consiste en llamar a CacheStorage.open() para crear una nueva caché, luego usa Cache.addAll() para agregarle una serie de recursos.

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",
        ]),
      ),
  );
});

Especificaciones

Specification
Service Workers
# cache-storage-open

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
open

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Véase también