service worker 缓存

this.addEventListener('install', function(event) {
    //安装应用
    this.skipWaiting()
    event.waitUntil(
        caches.open('v3').then(function(cache) {
            return cache.addAll([
                '/index.html',
            ]);
        })
    );
});
this.addEventListener('fetch', function(event) {
    //劫持请求
    event.respondWith(
        caches.match(event.request).then(function(response) {
            return response || fetch(event.request).then(function(response) {
                return caches.open('v2').then(function(cache) {
                    cache.put(event.request, response.clone());
                    return response;
                });
            },function(){
                return caches.match('/error.jpg');
            }).catch(function() {
                return caches.match('/error.jpg');
            })
        }).catch(function() {
            return caches.match('/error.jpg');
        })
    );
});
this.addEventListener('activate', function(event) {
    //推送新的缓存安装完成的消息
    this.clients.matchAll().then(function(clients) {
        clients.forEach(client => {
            console.log(client)
            client.postMessage({
                client: client.id,
                message: "-----------postMessage----------"
            })
        })
    })
    //删除旧的缓存
    event.waitUntil(
        caches.keys().then(function(keyList) {
            return Promise.all(keyList.map(function(key) {
                console.log("--------activate--------"+key)
                return caches.delete(key);
            }));
        })
    );
});

    //安装
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('/sw.js').then(function(reg) {
            console.log('Registration succeeded. Scope is ' + reg.scope);
        }).catch(function(error) {
            console.log('Registration failed with ' + error);
        });
    }
    //监听缓存被刷新
    navigator.serviceWorker.addEventListener('controllerchange', () => {
        window.location.reload();
    })
    //监听消息
    navigator.serviceWorker.addEventListener('message', function(e) {
      alert("页面被更新，请刷新")
    })