How do I uninstall a Service Worker?

Question

After deleting /serviceworker.js from my root directory, Chrome still runs the service worker that I removed from my webroot. How do I uninstall the service worker from my website and Chrome so I can log back into my website?

I've tracked the issue down to Service Work's cache mechanism and I just want to remove for now until I have time to debug it. The login script that I'm using redirects to Google's servers for them to login to their Google account. But all I get from the login.php page is an ERR_FAILED message.

Answer 1

You can also go to the URL: chrome://serviceworker-internals/ and unregister a serviceworker from there.

Answer 2

You should detecte two API in your devices: getRegistrations and getRegistration. The service-worker not has a unique set of APIs in all platforms. For example, some browsers only have a navigator.serviceWorker.getRegistration, no navigator.serviceWorker.getRegistrations. So you should consider with both.

Answer 3

In Google Chrome, you can go to Developer tools (F12) -> Application -> Service worker and unregister the service workers from the list for that specific domain.

This method is effective in development mode of a site and mostly they run on localhost which is you may need for other project's development.

Answer 4

You can remove service workers programmatically like this:

navigator.serviceWorker.getRegistrations().then(function(registrations) {
 for(let registration of registrations) {
  registration.unregister()
} })

Docs: getRegistrations, unregister

You can also remove service workers under the Application tab in Chrome Devtools.

Answer 5

You can do this through Chrome Developer Tool as well as Programatically.

1. Find all running instance or service worker by typing

   chrome://serviceworker-internals/

   in a new tab and then select the serviceworker you want to unregister.

2. Open Developer Tools (F12) and Select Application. Then Either

   Select Clear Storage -> Unregister service worker

   or

   Select Service Workers -> Choose Update on Reload

3. Programatically

if(window.navigator && navigator.serviceWorker) {
  navigator.serviceWorker.getRegistrations()
  .then(function(registrations) {
    for(let registration of registrations) {
      registration.unregister();
    }
  });
}