Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

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.

Compatibility des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simple
Expérimentale
Chrome Support complet 40Edge ? Firefox Support complet 42
Support complet 42
Support complet 52
Notes
Notes caches now defined on WindowOrWorkerGlobalScope mixin.
IE Aucun support NonOpera ? Safari Aucun support NonWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile ? Firefox Android Support complet 42
Support complet 42
Support complet 52
Notes
Notes caches now defined on WindowOrWorkerGlobalScope mixin.
Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android ?

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : jonasgrilleres
Dernière mise à jour par : jonasgrilleres,