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.
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.

progressive-web-app-navigateur.pngGo to Chrome menu and choose Add to home screen

progressive-web-app-options.pngChoose a name.

progressive-web-app-accueil.pngThe 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  
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.