1 引言
caches
这个 API 是针对 Request
Response
的。caches
一般结合 Service Worker
使用,因为请求级别的缓存与具有页面拦截功能的 Service Worker
最配。
本周精读的文章是 cache-api,介绍了浏览器缓存接口的基本语法。
2 概述
浏览器拥有全局变量 caches
操作缓存。
caches
包含任意命名空间,可以通过 caches.open
创建或访问。
const myCache = await caches.open("myCache");
添加缓存
通过 add
添加缓存。由于 caches
缓存是基于请求的,因此参数可以是一个 URL 地址,或一个完整的 Request 对象:
// URL only
myCache.add("/subscribe");
// Full request object
myCache.add(new Request('/subscribe', {
method: "GET