WindowOrWorkerGlobalScope.caches
Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
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! (en-US)
| 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里.