CacheStorage.open()

La fonction open()de l'interface CacheStorage retourne une Promise qui renvoie l'objet Cache correspondant a un cacheName.

Syntaxe

caches.open(cacheName).then(function(cache) {
  // faire quelque chose avec le cache
});

Retour

Une Promise qui renvoie l'objet Cache demandé.

Paramètres

cacheName

Le nom du cache que vous voulez ouvrir.

Exemples

Ce fragment de code est tiré du MDN sw-test example (voir sw-test running live). Nous patientons pour un FetchEvent. Ensuite nous construisons une réponse comme suit:

1. Vérifier si une correspondance pour la requète est trouvée dans le CacheStorage en utilisant CacheStorage.match. Si oui, la servir.
2. Si non, ouvrire le cache v1 avec open(), mettre le réseau par défaut dans le cache avec Cache.put et retourner un clone du réseau par défaut en utilisant return response.clone() — obligatoire car put() détruit le corps de la réponse.
3. Si ceci échoue (e.g., parce que le réseau est inactif), retourner une réponse de secours.

var response;
var cachedResponse = caches.match(event.request).catch(function() {
  return fetch(event.request);
}).then(function(r) {
  response = r;
  caches.open('v1').then(function(cache) {
    cache.put(event.request, response);
  });  
  return response.clone();
}).catch(function() {
  return caches.match('/sw-test/gallery/myLittleVader.jpg');
});

Spécifications

Compatibilités des navigateurs

[1] Les services workers (et Push) on été désactivés dans la Sortie du support étendu de Firefox 45 (ESR.)

Voir aussi

• Utiliser les Service Workers
• Cache
• WorkerGlobalScope.caches