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. 

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.

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.

progressive-web-app-icone.png

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.

Still need help? Contact Us Contact Us