CacheStorage.open()
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 fonction open()
de l'interface CacheStorage
retourne une Promesse
qui renvoie l'objet Cache
correspondant a un cacheName
.
Vous pouvez accéder à CacheStorage
via la propriété globale caches
.
Syntaxe
caches.open(cacheName).then(function (cache) {
// faire quelque-chose avec le cache
});
Paramètres
- cacheName
-
Le nom du cache que vous voulez ouvrir.
Retour
Exemples
Cet exemple est tiré de l'exemple MDN sw-test (voir sw-test en direct). Ici, nous attendons qu'un InstallEvent
se déclenche, puis nous lançons waitUntil()
pour gérer le processus d'installation de l'application. Cela consiste à appeler CacheStorage.open()
pour créer un nouveau cache, puis à utiliser Cache.addAll()
pour y ajouter une série d'éléments.
self.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/bountyHunters.jpg',
'/sw-test/gallery/myLittleVader.jpg',
'/sw-test/gallery/snowTroopers.jpg'
]);
})
);
Spécifications
Specification |
---|
Service Workers # cache-storage-open |
Compatibilité des navigateurs
BCD tables only load in the browser