Cache.addAll()

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La méthode addAll() de l'interface Cache accepte un tableau d'URLS, les récupères, et ajoute les objets réponse qui en résultent au cache en question. Les objets requêtes crées pendant la phase de récupération deviennent des clés vers les opérations de réponse stockées.

Note : addAll() écrasera toute paire clé/valeur précédemment stockée en cache et qui correspond à une requête, mais échouera si l'opération put() ainsi créée devrait engendrer l'effacement d'une entrée cache créée par la même méthode addAll().

Syntaxe

js
cache.addAll(requests[]).then(function() {
  //requests have been added to the cache
});

Paramètres

requests

Un tableau d'objets Requête à ajouter au cache.

Retour

Une Promesse qui est résolue en void.

Exceptions

Exception Arrive quand
TypeError

Le schéma d'URL n'est pas http ou https.

Le statut de la réponse n'est pas dans les 200 (i.e., une requête qui a échoué.) Cela peut arriver si la requête échoue, mais également si la requête est une cross-origin no-cors (auquel cas le statut retourné est systématiquement 0.)

Exemples

Ce bloc de code attends le déclenchement d'un InstallEvent (en-US), puis lance waitUntil (en-US) qui gère la phase d'installation de l'application. Cela consite à appeler CacheStorage.open afin de créer un nouveau cache, puis à utiliser addAll() pour y ajouter une série de ressources.

js
this.addEventListener("install", function (event) {
  event.waitUntil(
    caches.open("v1").then(function (cache) {
      return cache.addAll([
        "/sw-test/",
        "/sw-test/index.html",
        "/sw-test/style.css",
        "/sw-test/app.js",
        "/sw-test/image-list.js",
        "/sw-test/star-wars-logo.jpg",
        "/sw-test/gallery/",
        "/sw-test/gallery/bountyHunters.jpg",
        "/sw-test/gallery/myLittleVader.jpg",
        "/sw-test/gallery/snowTroopers.jpg",
      ]);
    }),
  );
});

Spécifications

Specification
Service Workers
# cache-addAll

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi