WindowOrWorkerGlobalScope.caches

La propriété en lecture seule  caches de l'interface WindowOrWorkerGlobalScope retourne l'objet CacheStorage associé au contexte actuel. Cet objet permet de stocker des ressources pour une utilisation hors-ligne et de générer des réponses personnalisées à des requêtes.

Syntaxe

var myCacheStorage = self.caches; // ou simplement caches

Value

Un objet de type CacheStorage.

Exemple

L'exemple suivant montre comment mettre en cache un contexte de service worker pour stocker des ressources et les utiliser hors-ligne.

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

Compatibilité des navigateurs

Voir aussi

• Service Workers
• Web Workers
• CacheStorage
• Cache