WindowOrWorkerGlobalScope.caches - Web API 接口参考 编辑

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

caches 是WindowOrWorkerGlobalScope接口的一个只读属性，它返回了与当前上下文紧密相关的CacheStorage对象。此对象激活了诸如存储用于离线使用的资产，并生成对请求生成自定义响应等功能。

语法

var myCacheStorage = self.caches; // or just caches

值

CacheStorage 对象.

例子

下面的例子展示了你在service worker上下文中如何应该运用cache对离线资产的进行存储。

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

规范

Specification	Status	Comment
Service Workers caches	Working Draft	Defined in a WindowOrWorkerGlobalScope partial in the newest spec.
Service Workers	Working Draft	Initial definition.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	40.0	42 (42) 52 (52)[1]	未实现	?	未实现

Feature	Android	Chrome for Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	(Yes)	(Yes)	42.0 (42) 52.0 (52)[1]	(Yes)	(Yes)	(Yes)

[1] caches 现在被定义在 WindowOrWorkerGlobalScope 中的mixin里.

相关链接

• Service Workers
• Web Workers
• CacheStorage
• Cache