CacheStorage.open()

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨avril 2018⁩.

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

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

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é.

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'
      ]);
    })
  );