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.

Note : Si le Cache spécifié n'existe pas, un nouveau cache sera crée avec cacheName et retournera une Promesse renvoyant le nouvel objet Cache.

Syntaxe

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

Paramètres

cacheName

Le nom du cache que vous voulez ouvrir.

Retour

Une Promesse qui renvoie l'objet Cache demandé.

Exemples

Cet exemple est tiré de l'exemple MDN sw-test (voir sw-test en direct). Ici, nous attendons qu'un InstallEvent (en-US) se déclenche, puis nous lançons waitUntil() (en-US) 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.

js
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

Voir aussi