service-worker

To register a service worker, I can call navigator.serviceWorker.register('/worker.js') Every time the page loads it checks for an updated version of worker.js . If an update is found, the new worker won't be used until all the page's tabs are closed and then re-opened. The solution I read was: self.addEventListener('install', function(event) { event.waitUntil(self.skipWaiting()); }); self.addEventListener('activate', function(event) { event.waitUntil(self.clients.claim()); }); I can understand the skipWaiting part, but what exactly does clients.claim() do? I've done some simple tests and it

It is written here that the push notifications will work even if the browser is closed, but I tested it and it is not the case. I receive push-notifications only if the browser is open (doesnt matter if the particular webpage is open or not). I tested this on chrome for Desktop & chrome for Android (after updating to latest version). my question is :- For push notifications to work should the browser be open? Note:- I used this for testing. According to Can I Use , Chrome and Firefox desktop browsers require the browser to be running for receiving push notifications; mobile browsers typically

I have a ServiceWorker registered on my page and want to pass some data to it so it can be stored in an IndexedDB and used later for network requests (it's an access token). Is the correct thing just to use network requests and catch them on the SW side using fetch, or is there something more clever? Note for future readers wondering similar things to me: Setting properties on the SW registration object, e.g. setting self.registration.foo to a function within the service worker and doing the following in the page: navigator.serviceWorker.getRegistration().then(function(reg) { reg.foo; })

I registered a service worker successfully, but then the code navigator.serviceWorker.ready.then(function(serviceWorkerRegistration) { // Do we already have a push message subscription? .... hangs -- the function is never called. Why? The problem was that the service-worker.js file was stored in an assets sub-directory. Don't do that: store the service-worker.js in the root of your app (or higher). That way your app can access the service-worker. See HTML5Rocks article -- One subtlety with the register method is the location of the service worker file. You'll notice in this case that the