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

Answer 1

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.

Answer 2

Here is a brute-force approach:

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

(tested in Chrome Canary and Firefox Developer Edition)