web-dev-qa-db-fra.com

Javascript pour "Ajouter à l'écran d'accueil" sur iPhone?

Est-il possible d'utiliser Javascript pour émuler l'option Ajouter à l'écran d'accueil dans le menu des signets de Mobile Safari?

Quelque chose de semblable à la window.external.AddFavorite(location.href, document.title); d'IE peut-être?

104
Kerrick

La seule façon d'ajouter des signets dans MobileSafari (y compris ceux de l'écran d'accueil) consiste à utiliser l'interface utilisateur intégrée. Apple ne fournit toutefois pas cette possibilité à partir de scripts d'une page. En fait, je suis à peu près sûr qu'il n'y a pas non plus de mécanisme permettant de le faire sur la version de bureau de Safari.

49
Louis Gerbarg

Tant que Safari n’a pas implémenté Service Worker et n’a pas suivi la direction définie par Chrome et Firefox, il n’existe aucun moyen d’ajouter votre application par programme à l’écran d’accueil, ni d’inviter le navigateur.

Cependant, il existe une petite bibliothèque qui invite l'utilisateur à le faire et pointe même au bon endroit. Fonctionne un régal.

https://github.com/cubiq/add-to-homescreen

61
Craig

Un autre script qui déclenche une fenêtre contextuelle "Ajouter à l'écran d'accueil": http://cubiq.org/add-to-home-screen

45
bob

Il existe une librairie Javascript open source proposant quelque chose en rapport avec: mobile-bookmark-bubble

La bulle de signets mobiles est une bibliothèque JavaScript qui ajoute une bulle de promotion au bas de votre application Web mobile, invitant les utilisateurs à la mettre en favori dans l'écran d'accueil de leur appareil. La bibliothèque utilise le stockage local HTML5 pour déterminer si la promotion a déjà été affichée, afin d'éviter de harceler constamment les utilisateurs.

L'implémentation actuelle de cette bibliothèque cible spécifiquement Mobile Safari, le navigateur Web utilisé sur les appareils iPhone et iPad.

8
Philippe Laval

En javascript, ce n'est pas possible, mais oui, à l'aide de “Web Clips”, nous pouvons créer une icône ou un raccourci "Ajouter à l'écran d'accueil" sur iPhone (à l'aide du fichier de code de .mobileconfig).

https://developer.Apple.com/library/content/documentation/NetworkingInternet/Conceptual/iPhoneOTAConfiguration/ConfigurationProfileExamples/ConfigurationProfileExamples.html

http://appdistro.cttapp.com/webclip/

après avoir créé un fichier mobileconfig, nous pouvons transmettre cette URL dans le certificat d'installation du navigateur Safari pour iPhone. Après l'avoir vérifiée, l'écran d'accueil de votre iphone contient une icône de raccourci de votre page Web ou de votre application Web.

3
Rawan-25

C’est également un autre bon script d’écran d’accueil qui prend en charge les iphone/ipad, Safari mobile, Android, les smartphones Blackberry et le Playbook.

https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Bookmark-Bubble

2
Miuranga