Cache.addAll()

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. 

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

Syntaxe

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, puis lance waitUntil 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.

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

Spécification Statut Commentaire
Service Workers
La définition de 'Cache: addAll' dans cette spécification.
Version de travail Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
addAll
Expérimentale
Chrome Support complet 46
Notes
Support complet 46
Notes
Notes Requires HTTPS.
Edge Support complet 16Firefox Support complet 39
Notes
Support complet 39
Notes
Notes Extended Support Releases (ESR) before Firefox 78 ESR do not support service workers and the Push API.
IE Aucun support NonOpera Support complet 33
Notes
Support complet 33
Notes
Notes Requires HTTPS.
Safari Support complet 11WebView Android Support complet 46
Notes
Support complet 46
Notes
Notes Requires HTTPS.
Chrome Android Support complet 46
Notes
Support complet 46
Notes
Notes Requires HTTPS.
Firefox Android Support complet 39Opera Android Support complet 33
Notes
Support complet 33
Notes
Notes Requires HTTPS.
Safari iOS Support complet 11Samsung Internet Android Support complet 5.0
Notes
Support complet 5.0
Notes
Notes Requires HTTPS.

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi