WindowOrWorkerGlobalScope.caches

Experimental

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

Spécification	Status	Comment
Service Workers La définition de 'caches' dans cette spécification.	Version de travail	Défini dans un `WindowOrWorkerGlobalScope` partiel dans la nouvelle spec.
Service Workers	Version de travail	Définition initiale.

Compatibilité des navigateurs

BCD tables only load in the browser