Place the service worker script file at the root of your website and set start_url to /, or place it wherever you want and use the scope property and the Service-Worker-Allowed HTTP header as in my other answer.
The primary difference is control. Browser cache is driven off Cache-Control headers, which is good, until its not. There are all sorts of strategies to manage how network addressable resources are cached; private, public; time to live, etc. With service worker caching you can programmatically control how those assets are persisted. But that means the … Read more
Note: As of Firefox 57, and Chrome 68, as well as the versions of Safari and Edge that support service workers, the default behavior has changed to account for the updated service worker specification. In those browsers, HTTP cache directives will, by default, be ignored when checking the service worker script for updates. The description … Read more
Update Jan 15 2018 The StorageManager interface of Storage API is becoming a standard for all storage related api queries. As mentioned by @miguel-lattuada, the estimate API would provide an estimate of the storage used a web app the available storage. Also, note the QuotaExceededError exception which would help us in handling error scenarios. eg … Read more
Please mind that “Browsers that support Progressive Web Apps” is not a real term, PWA itself is a set of features that a web app can provide for users. So it’s not just only about Service Worker and App Manifest. Check out: Baseline PWA Checklist. Here are what you can do to achieve PWA on … Read more
You have only three main options to get push notifications working on iOS for a PWA. In both cases, you must register an App ID on Apple Developer portal, with permission to the appropriate service. For Option 1, your registered App ID must have permission to Apple Wallet. For options 2 and 3, you must … Read more
If this is for analytical purposes you could set the start URL in the manifest file to include a query string parameter, ex: “start_url”: “./?mode=standalone” Then in your JavaScript you are able to check for this query string parameter. Update (2020-08-19) Pete LePage wrote a blog on how to setup a custom dimension in Google … Read more
iOS – Safari currently don’t support Web app install banner, like in Android – Chrome. There is no way to programatically trigger install banner in Android as well, except for the case when you catch the beforeInstallPromot and use that to show the banner. In the linked answer, you can check on the alternate option … Read more
No cache scenario (No Service worker): Your PWA app will be cached only when you use Service worker. Manifest.json will help adding your web app to home screen with a icon and open without address bar. If you don’t have a service worker or if your browser don’t support it, web page will be loaded … Read more
TL;DR – As of Feb 2017, Progressive Web Apps are a sufficiently powerful platform that Twitter has moved all of their mobile web traffic to a React PWA. As of August 2016, Progressive Web Apps actually offer more hardware access than commonly thought. Here’s a screenshot of whatwebcando.today from my Chrome 52 stable on Android: … Read more