Disable service workers when in development mode.

Question

In case of our development, we serve files from https://localhost as the app is hosted in salesforce.com. In chrome service worker on chrome blocks anything coming from self-signed server i.e (https://localhost).

So is there a way to disable/unregister service workers when in development mode. Any pattern to follow for this.

Thanks

score 37 · Answer 1 · edited Feb 27 '18 at 16:49

37

You can use the chrome devtools, and under Application>Service Workers path select the Update on refresh checkbox

You can also use the Bypass for network checkbox to avoid Service worker's register event form firing.

edited Feb 27 '18 at 16:49

kano

4,625
2
25
38

answered Nov 29 '16 at 09:16

Aditya Singh

13,438
12
35
62

2

Yes, but every time I refresh page the Service worker gets registered. I dont want that to happen. thx – Kiba Nov 29 '16 at 15:36
8

Then select the `Bypass for network` option shown in above image to avoid the registration – Aditya Singh Nov 29 '16 at 15:46
1

for me a combination of `Bypass for network` with clicking `stop` did the trick. – goldylucks Jun 24 '19 at 05:37

cantera · Answer 2 · 2019-11-06T09:03:58.040

4

Here is a brute-force approach:

const fn = () => {};

navigator.serviceWorker.register = () => new Promise(fn, fn);

(tested in Chrome Canary and Firefox Developer Edition)

edited Nov 06 '19 at 09:03

answered Sep 28 '19 at 00:34

cantera

21,869
22
87
128

Disable service workers when in development mode.

2 Answers2