progressive-web-apps

I have built a SPA that works in the browser in that on load it provides an auth option, I click google signin and the firebase auth flow continues until I have an auth token etc. I can then switch the PWA and use as normal. But if I then logout, I cannot log back in again with the App using Google Auth - whether I let the google signin popup run in the App or in Chrome, no confirmation ever gets abck to the App and indeed it seems to crash. The issue has something to do with the loading of the additional tab for the google signin. According to the onscreen dialog Android asks me whether to

I've built a Progressive Web App that uses caching, but it's unclear to me whether users can (accidentally or on purpose) clear the service worker cache, which may clear my tracking data. When a user clears their browsing data / cookies, this clears all site storage which includes the SW cache, cookies, local storage, indexeddb, and any other local caching system. Furthermore, Ctrl-F5 forces a cache refresh, and is intended to abandon all cached content including service worker cache and just retrieve all content from the servers again. "Clear site data" in Chrome 76 will delete the caches and

Hey I am trying to program my first pwa and got the following problem: when I start my web app I get the following error: Site cannot be installed: no matching service worker detected. You may need to reload the page, or check that the service worker for the current page also controls the start URL from the manifest I think my manifest url is right because of this link manifest.json "start_url": ".", "display": "standalone", "orientation": "portrait", "theme_color": "#29BDBB", "background_color": "#29BDBB" and I register my sw like this: if ('serviceWorker' in navigator) { navigator

For example, can I create a PWA under example.com/todo-app , another one under example.com/time-tracking-app , and have each as a completely separate app that can be "installed" with a different icon on the home screen, have its own separate notifications, etc.? You can do it if each separate PWA has: a link to a different manifest uses Service Workers that have non-overlapping scopes. That means you have to register them with scopes that look something like navigator.serviceWorker.register('/sw.js', {scope: './todo-app/'}) and navigator.serviceWorker.register('/sw.js', {scope: './time

I'm trying to use sw-precache , but I must be doing something wrong! I'm mostly using the demo code available from the github repo and can't seem to get updates to the app to come through. Once it's cached the first time, it never checks for new versions. I was expecting that when I publish a new service worker, the browser would request the new service worker and update the cache accordingly in the background. Then using the registration code in the example , I would be able to prompt the user to refresh and get the latest version from their newly refreshed cache. Would really appreciate if

Once a pwa is installed a mobile device, how do I close the application like a native app without having the user click the back button multiple times. I understand it's a bad idea to window.close on a web page but this a pwa on a mobile device. In Cordova you will use navigator.app.exitApp , this is of course not available on pwa. This is a solution I created today. When you click the back button a dialog will request you to just click the back button one more time to actually close the app, or Cancel to go back to the page. The whole thing uses some manipulation of the history, and it works

I've created a Progressive Web App. It's simple, just an index.html, a folder "images" with favicon etc, a sw.js et a styles.css My code from manifest.json { "lang" : "en", "name" : "Test", "short_name" : "Test", "icons" : [ { "src": "images/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" }, { "src": "images/android-chrome-144x144.png", "sizes": "144x144", "type": "image/png" } ], "theme_color" : "#116b20", "background_color" : "#1a1a1a", "scope" : "1", "start_url" : "/test", "display" : "standalone", "orientation" : "natural" } and sw.js self.addEventListener('install',

I'm struggling to create a simple POC for iOS PWA with a small video. https://test-service-worker.azurewebsites.net/ I have simple service worker registration and I cache a small (700kB) video. When I'm online the page works just fine. When I turn on airplane mode and go offline, the page is still reloaded but video will not play. This POC is based on Google Chrome example https://googlechrome.github.io/samples/service-worker/prefetch-video/ The video from this example will not work in iOS offline for sure because it only caches 50MB. Mine is only 700kB so well below the limit. My POC works