service worker
来源:互联网 发布:appbook for mac 编辑:程序博客网 时间:2024/06/14 08:00
发现注册在二级目录的时候,加载的二级目录下的资源也监听不到,不知道是不是哪里写错了。但是放到一级目录下就可以了,就这么放吧。
//https://developers.google.cn/web/fundamentals/getting-started/primers/service-workersvar CACHE_NAME = 'my-site-cache-v1';var urlsToCache = [ // 'main.js', 'img/1.jpg', /* 'style.css'*/];var urlsToPrefetch = ["http://i0.hdslb.com/bfs/archive/0b73ff9a3db9377d07f31964984fde836813fa33.jpg"];self.addEventListener('install', function (event) { // Perform install steps console.log("install"); // Perform install steps event.waitUntil( caches.open(CACHE_NAME) .then(function (cache) { console.log('Opened cache'); return cache.addAll(urlsToCache);//把想缓存的数组传进来,其实这里不设置的话一可以在下面(甲处)设置 }, function (err) { console.log(err); }).then(function () { }, function (err) { console.log(err) }) )});//这里面不用window,否则报错self.addEventListener('fetch', function (event) { console.log("fetch:" + event.request.url); event.respondWith( caches.match(event.request) .then(function (response) { // Cache hit - return response if (response) { console.log("response from cache:" + event.request.url); return response; } // IMPORTANT: Clone the request. A request is a stream and // can only be consumed once. Since we are consuming this // once by cache and once by the browser for fetch, we need // to clone the response. var fetchRequest = event.request.clone(); /* When you use fetch, by default, requests won't contain credentials such as cookies. { credentials: 'include' } */ return fetch(fetchRequest).then( function (response) { // Check if we received a valid response if (!response || response.status !== 200 || response.type !== 'basic') { console.log(response.status);//第三方数据是0 console.log(response.type); console.log("response from fetch:" + event.request.url); return response; } // IMPORTANT: Clone the response. A response is a stream // and because we want the browser to consume the response // as well as the cache consuming the response, we need // to clone it so we have two streams. var responseToCache = response.clone(); caches.open(CACHE_NAME) .then(function (cache) { cache.put(event.request, responseToCache);//甲处 }); return response; } ); } ) );});
0 0
- service worker
- Service Worker初体验
- service worker介绍
- 聊聊Service Worker
- Service Worker初体验
- Service Worker初体验
- Service Worker 入门 - PWA 强依赖于 Service Worker
- Service Worker的基本使用
- 【PWA】Service Worker 全面进阶
- HTML5-Service Worker实现离线页面访问
- Service Worker初体验(Progressive Web Apps)
- HTML5-service worker进行缓存控制
- PWA 渐进式实践 (2) - Service Worker
- Vue项目中添加service worker
- 使用 Service worker 加速/离线访问网站
- 使用Service Worker提升Web应用体验
- Service Worker API (mozilla) vs Service Workers (google)
- Worker
- 美化CSDN博客--markdown编辑器中段落缩进、换行,改变字体、字号与颜色等
- 欢迎使用CSDN-markdown编辑器
- HDU2842 Chinese Rings
- 可查询最值的练习题
- Codeforces 363B Fence
- service worker
- HOG人脸识别-matlab
- 重新理解JS的6种继承方式
- Laravel 清空配置缓存
- Python os.system(command),这样执行的command命令,和主程序是异步的吗?
- AndroidStudio项目报错Error:Connection timed out: connect. If you are behind an HTTP proxy, please config
- 每天一个linux命令
- vue环境搭建,vue项目创建
- TCP拥塞控制,慢启动算法