self.addEventListener('install', function (event) {
    console.log('install')
    // 在安装阶段预缓存资源
    event.waitUntil(
        console.log('install.waitUntil')
        //caches.open('my-cache').then(function (cache) {
        //    return cache.addAll([
        //        '/index.html',
        //        '/main.js',
        //        '/style.css'
        //    ])
        //})
    )
})

self.addEventListener('fetch', function (event) {
    console.log('fetch', event.request.url)
    // 拦截网络请求并返回缓存的资源
    event.respondWith(
        caches.match(event.request).then(function (response) {
            return response || fetch(event.request)
        })
    )
})