Usually, a service worker will take control of a page when a navigation event is fired. In this recipe, we are looking at how we can take control of a page without waiting for any kind of navigation event.
To get started with service workers, you will need to have the service worker experiment feature turned on in your browser settings. If you have not done this yet, refer to the first recipe of Chapter 1, Learning Service Worker Basics: Setting up service workers. Service workers only run across HTTPS. To find out how to set up a development environment to support this feature, refer to the following recipes: Setting up GitHub pages for SSL, Setting up SSL for Windows, and Setting up SSL for Mac.
Follow these instructions to set up your file structure:
Download all the files from the following location:
https://github.com/szaranger/szaranger.github.io/blob/master/service-workers/05/08/
Open up a browser and go to the
index.html
file.Now...