如何将JavaScript缓存API应用于长尾关键词查询？

本文共计359个文字，预计阅读时间需要2分钟。

JavaScript ServiceWorker API 的优点在于让 Web 开发人员轻松控制缓存。虽然使用 ETags 等技术也是一种控制缓存的方法，但通过 JavaScript 控制缓存功能更强大，更自由。当然，强大的功能意味着强大的责任。

JavaScriptServiceWorkerAPI的好处就是让WEB开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术，按使用JavaScript让程序来控制缓存功能更强大，更自由。当然，强大有强大的好处，也有弊处——你需要做善后处理，所谓的善后处理，就是要清理缓存。更多代码看：it.lindukj.cn/archives/1295

1.[代码]检查浏览器是否支持Cache API…

if('caches' in window) { // Has support! }

2.[代码]创建一个缓存对象的方法是使用caches.open()，并传入缓存的名称：

caches.open('test-cache').then(function(cache) { // 缓存创建完成，现在就可以访问了 });

3.[代码]使用addAll方法可以批量添加缓存请求：

caches.open('test-cache').then(function(cache) { cache.addAll(['/', '/images/logo.png']) .then(function() { // Cached! }); });

4.[代码]添加单个地址使用add方法：

caches.open('test-cache').then(function(cache) { cache.add('/page/1'); // "/page/1" 地址将会被请求，响应数据会缓存起来。 });

5.[代码]add()方法还可以接受一个自定义的Request:

caches.open('test-cache').then(function(cache) { cache.add(new Request('/page/1', { /* 请求参数 */ })); });