Ajouter une PWA sur son écran d'accueil

Un des avantages de la Progressive Web App est la possibilité d'ajouter un raccourci depuis l'écran d'accueil d'un appareil mobile.

La Progressive Web App est consultable via un navigateur web (Chrome, Safari...) et aucun téléchargement n’est requis. Depuis un appareil mobile, les utilisateurs peuvent créer un raccourci depuis leur écran d'accueil pour y accéder plus rapidement. 

Elle est également disponible en hors ligne grâce aux services workers qui assurent la mise en cache du contenu. 

Pour en savoir plus : Qu'est-ce que la Progressive Web App ?

Ajouter un raccourci à son écran d'accueil

Voici la procédure pour installer un raccourci vers la PWA depuis l'écran d'accueil de son appareil mobile (pour Android et Safari iOS).

Cliquez sur l'URL et ouvrez votre PWA depuis un appareil mobile.

progressive-web-app-navigateur.png

Rendez-vous dans le menu du navigateur et choisissez  Ajouter à l'écran d'accueil
progressive-web-app-options.png

Choisissez un nom pour ce raccourci.
progressive-web-app-accueil.png

L'icône apparaît sur l'écran d'accueil et la PWA est désormais disponible hors connexion.progressive-web-app-icone.png

En cliquant sur l'icône, celle-ci s'ouvre en plein écran.

Compatibilité des navigateurs

Une des principales contraintes de la PWA est la compatibilité des navigateurs dû à l'utilisation des services workers. Avant de vous lancer, vérifiez que votre audience est bien équipée :

Navigateur Version compatible
Chrome Desktop 40
Edge Desktop 17
Chrome Desktop 44
Internet Explorer Desktop Non supporté
Opera Desktop 24
Safari Desktop 11.1
Android Webview Non supporté
Chrome Android 40
Edge Mobile 17
Firefox Android Mobile 44.0 (44)
IE Mobile Non supporté
Opera Android OK
Safari iOS 11.1
Cela a-t-il répondu à votre question ? Merci pour les commentaires Il y a eu un problème pour soumettre vos commentaires. Veuillez réessayer plus tard.

Vous avez encore besoin d'aide ? Contactez-nous Contactez-nous