Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.
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é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().
Note: Les implémentations initiales de Cache (à la fois dans Blink et Gecko) résolvent les promesses Cache.addAll, Cache.addAll, et Cache.put quand le corps de la réponse est entièrement écrit en stockage. Les versions plus récentes des spécifications sont plus précises en déclarant que le navigateur peut résoudre ces promesses dès que l'entrée est enregistrée en base de donnée, même si le reste de la requête est encore en train d'arriver.
Note: Depuis Chrome 46, l'API Cache ne stocke que les requêtes depuis des origines sécurisées, à savoir celles servies en HTTPS.
Syntaxe
cache.addAll(requests[]).then(function() {
//requests have been added to the cache
});
Paramètres
- requests
- Un tableau d'objets
Requestà ajouter au cache.
Retour
Une Promise qui est résolue en void.
Exceptions
| Exception | Arrive quand |
|---|---|
TypeError |
Le schéma d'URL n'est pas 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'
]);
})
);
});
Specifications
| Specification | Statut | Commentaire |
|---|---|---|
| Service Workers La définition de 'Cache' dans cette spécification. |
Version de travail | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Support de base | 46.0 | (Oui) | Pas de support | 24 | Pas de support |
| HTTPS requis | 46.0 | (Oui) | ? | ? | ? |
TypeError si la requête échoue |
(Oui) | 47.0 (47.0) | (Oui) | (Oui) | (Oui) |
| Fonctionnalité | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Support de base | Pas de support | Pas de support | (Oui) | ? | Pas de support | ? | Pas de support | 46.0 |
| HTTPS requis | Pas de support | Pas de support | (Oui) | ? | ? | ? | ? | 46.0 |
TypeError si la requête échoue |
(Oui) | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |