web-dev-qa-db-fra.com

PWA: Comment déclencher par programme: "Ajouter à l'écran d'accueil"? sur iOS Safari

J'ai récemment sorti une application Web progressive avec rendu de serveur et tout fonctionne à merveille jusqu'à présent. Cependant, Android avec chrome montre une bannière pour télécharger l’application qui est géniale, mais ce n’est pas le cas sur iOS. Avec Safari, un utilisateur a besoin de quelques clics pour accéder à la fonctionnalité "Ajouter à l'écran d'accueil" qui est mauvaise.

Je suis donc satisfait de mon PWA, mais j'aimerais vraiment pouvoir dire moi-même à l'utilisateur que cette application peut être ajoutée à l'écran d'accueil.

Autant que je me souvienne, j'ai vu https://marvelapp.com/ le faire pour ajouter un prototype à l'écran d'accueil.

19

iOS - Safari ne prend actuellement pas en charge la bannière d’installation d’applications Web, comme dans Android - Chrome.

Il y a aucun moyen de déclencher par programmation installer la bannière dans Android également), sauf dans le cas où vous saisissez le beforeInstallPromot et l'utilisez pour afficher la bannière.

Dans la réponse liée, vous pouvez vérifier l'option alternative sur la façon d'afficher la bannière de l'application pour guider l'utilisateur à ajouter à l'écran d'accueil. Ici est un exemple de code pour la même chose, qui est spécifique à iOS (regardez sous #PROTIP 3).

15
Anand