Add your PWA to home screen
One of the advantages of the Progressive Web App is the possibility to add a shortcut from the home screen.
Here is how to add the PWA shortcut on the home screen of a mobile device (for Android and iOS Chrome):
To learn more about PWA, we recommend this article from our blog What is a Progressive Web App ?
Add to home screen
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 |