WindowOrWorkerGlobalScope接口属性:caches
caches属性
在使用此功能之前,请你仔细检查浏览器兼容性表。
WindowOrWorkerGlobalScope 接口的 caches 只读属性返回与当前上下文关联的 CacheStorage 对象。该对象启用了功能,例如存储资源以供离线使用,并生成对请求的自定义响应。
caches属性句法
var myCacheStorage = self.caches; //或者只是缓存
caches属性值
caches只读属性返回一个 CacheStorage 对象。
caches属性示例
以下示例显示了如何在 service worker 上下文中使用缓存来将资源脱机存储。
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'
]);
})
);
});
规范
规范 | 状态 | 注释 |
---|---|---|
Service Workers 在该规范中定义'caches存'。 | Working Draft | 在最新的规范中的WindowOrWorkerGlobalScope 部分定义。 |
Service Workers | Working Draft | 初始定义。 |
浏览器兼容性
我们正在将兼容性数据转换为机器可读的 JSON 格式。
- 电脑端
特征 | Chrome | Firefox(Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
基本支持 | 支持:40 | 支持:42、52[1] | 不支持 | ? | 不支持 |
- 移动端
特征 | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
基本支持 | 支持 | 支持 | 支持:42、52[1] | 支持 | 支持 | 支持 |
注释:
[1] caches
现在在WindowOrWorkerGlobalScope
mixin上定义。