CacheStorage.open()

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

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

Nota: Si la Cache (en-US) especificada no existe, se crea una nueva caché con ese cacheName y una Promise que resuelve este nuevo objeto Cache (en-US) 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 (en-US) 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 (en-US), luego se ejecuta waitUntil() (en-US) 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() (en-US) 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

BCD tables only load in the browser

Véase también