CacheStorage.open()

Baseline

Ampliamente disponible

Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde abril de 2018.

Ver la compatibilidad completa
Más información

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

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.

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.

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