Add PWA to home screen
One of the advantages of the Progressive Web App is the possibility to add a shortcut from the home screen of a mobile device.
The Progressive Web App is viewed via a web browser (Chrome, Safari...) and no download is required. From a mobile device, users can add it to their home screen for quick access.
The PWA is also available offline thanks to workers services that ensure content caching.
Learn more:
What is a Progressive Web App?
Add to home screen
Here is how to add the PWA shortcut on the home screen of a mobile device (for Android and iOS Chrome):
Click on the URL and open the PWA from a mobile device.
Go to Chrome menu and choose Add to home screen
Choose a name.
The icon appears on the home screen. The PWA is available offline.
Browser compatibility
One of the main constraints of the PWA is browser compatibility due to the use of workers services. Before you start, make sure that your audience is well-equipped:
Browser | Compatible version |
---|---|
Chrome Desktop | 40 |
Edge Desktop | 17 |
Chrome Desktop | 44 |
Internet Explorer Desktop | Not supported |
Opera Desktop | 24 |
Safari Desktop | 11.1 |
Android Webview | Not supported |
Chrome Android | 40 |
Edge Mobile | 17 |
Firefox Android Mobile | 44.0 (44) |
IE Mobile | Not supported |
Opera Android | OK |
Safari iOS | 11.1 |