web-dev-qa-db-fra.com

Personnaliser l'icône pour "Ajouter à l'écran d'accueil"

Existe-t-il des alternatives à l'option par défaut dans les navigateurs Web, comme chrome qui me permet d'ajouter un lien ou un bouton dans ma webapp et de créer une icône dans l'écran d'accueil?

Par exemple, j'ai ma webapp et je veux un lien ou un bouton dans le main.html qui exécute un script et crée l'icône dans l'écran d'accueil. Ce n'est pas possible je pense. Existe-t-il des alternatives qui simulent cette option par défaut dans les navigateurs Web?

Je veux également spécifier l'icône qui s'affiche sur l'écran d'accueil. Comment puis je faire ça?

8
garciam202

Je souhaite spécifier l'icône qui s'affiche sur l'écran d'accueil. Comment puis-je faire cela?

Vous pouvez utiliser <link rel="Apple-touch-icon" sizes="128x128" href="niceicon.png"> (oui, même pour Android).

Veuillez vérifier document iOS pour des informations détaillées sur les appareils Apple. Veuillez noter que vous pouvez même définir l'icône pour l'ensemble du site Web.

Veuillez vérifier document Android pour des informations détaillées sur Android. Si <link rel="Apple-touch-icon" sizes="128x128" href="niceicon.png"> ne fonctionne pas, vous pouvez essayer <link rel="icon" sizes="192x192" href="Nice-highres.png">, qui est la méthode recommandée dans Android.

Existe-t-il des alternatives qui simulent cette option par défaut dans les navigateurs Web?

Vous pouvez vérifier http://cubiq.org/add-to-home-screen pour une alternative. "add-to-home-screen" affichera un message superposé encourageant l'utilisateur à ajouter l'application Web à l'écran d'accueil.

Remarque: Grâce au commentaire de adam0404, le lien cubiq.org est rompu maintenant. Heureusement, la bibliothèque "add-to-home-screen" a été téléchargée sur GitHub, veuillez vérifier https://github.com/cubiq/add-to-homescreen

21
shaochuancs