Debugging the Service Worker

There is a famous saying in computer science:

"There are two hard problems in computer science: cache invalidation and naming things"

- Phil Karlton

The first one applies to debugging service workers. As discussed earlier, a service worker adds a caching layer between the network and the device. This inherently makes it hard to debug because when you update your service worker definition or the configuration of your website, your changes might very well be cached and thus not visible.

This is quite a well-known challenge while developing application with service worker support, so it's good to understand how to debug the service worker.

Angular provides several mechanisms for deactivating a service worker in case of unexpected behavior. These mechanisms are described in the Service Worker Safety...