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
.
Sintaxis
open(cacheName)
Parámetros
cacheName
-
El nombre de la caché que deseas abrir.
Valor de retorno
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.
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