服务工作者事件侦听器 - 获取

Question

I'd created a service worker by next code:

 if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js').then(function(registration) { console.log('ServiceWorker registration successful with scope: ', registration.scope); }).catch(function(err) { console.log('ServiceWorker registration failed: ', err); }); }); }

and get fine answer, and event 'install' emit in sw.js ok, but event 'fetch' never emit.

I use http-server (node js) with 80 (http) port, i've seen my request in DevTools Chrome and in console from http-server, but my service worker hadn't emitted any.

My service worker code:

 self.addEventListener('install', () => { console.log("event - install"); // OK }); self.addEventListener("fetch", (e) => { console.log("A"); // BAD return e.request; });

I use this code in the end of body

 setTimeout(() => { alert("S"); fetch("/svg.svg", { method: "GET" }); }, 10000);

Answer 1

serviceworker 必须以 https 协议运行，但 http-server 创建一个 http 服务器

Answer 2

Ok, i decide my problem. I forgot to remove option 'Disable cache' in DevTools (in 'Network' tab) Chrome, i'd worked with this option yesterday.