Skip to content

Code-snippets and guides on removing ServiceWorker from a websiste.

License

Notifications You must be signed in to change notification settings

NekR/self-destroying-sw

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Self-destroying ServiceWorker

Code-snippets and guides on removing ServiceWorker from a websiste.

Motivation

ServiceWorker is more and more often used in websites development. It’s being added to popular tools and libraries. Sometimes, it might be used unintentionally (generated by a pre-configured tool automatically) or for experimental purposes. This leads to a situation where ServiceWorker needs to be removed.

Read more on Medium

How to use

  1. Remove everything about your previous ServiceWorker (registration/uninstallation code, ServiceWorker file)
  2. Create a file with the same name as your previous ServiceWorker and put it in the same place where your previous ServiceWorker was
  3. Put following code into the file:
self.addEventListener('install', function(e) {
  self.skipWaiting();
});

self.addEventListener('activate', function(e) {
  self.registration.unregister()
    .then(function() {
      return self.clients.matchAll();
    })
    .then(function(clients) {
      clients.forEach(client => client.navigate(client.url))
    });
});
  1. Deploy your project! 🎉

With webpack | With Gatsby

License

MIT

About

Code-snippets and guides on removing ServiceWorker from a websiste.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published