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