web-dev-qa-db-fra.com

Meta Tag "Apple-mobile-Web-app-capable" pour Android?

Existe-t-il un moyen de créer une application Web Android comme sur l’iPhone?

À l'aide de la méta-balise "Apple-mobile-web-app-capable" dans l'élément d'en-tête d'une page HTML, il informe Apple iOS que l'application peut être installée sur le tremplin de l'utilisateur afin de démarrer le navigateur Safari Mobile sans menu. bar.

androidhtmlweb-applicationsmeta-tagsmobile-webkit
23
Zymotik

Chrome sur Android prend désormais en charge une méta-tag mobile-web-app-capable :

Depuis Chrome M31, vous pouvez configurer votre application Web de manière à ce qu'une icône de raccourci d'application Soit ajoutée à l'écran d'accueil de l'appareil et de lancer l'application En "mode d'application" plein écran à l'aide de Chrome pour Android. "Ajouter à Écran d'accueil" élément de menu.

Pour plus de détails sur la méta-balise mobile-web-app-capable, faites défiler jusqu'à «Prise en charge des applications installées sur l'écran d'accueil avant M39»:

Depuis M31, Chrome recherchera la balise méta suivante dans l'élément De la page Web (s'il existe un manifeste avec affichage spécifié, , Ceci est ignoré):

<meta name="mobile-web-app-capable" content="yes">

L'attribut de nom DOIT être "compatible avec les applications Web mobiles" et l'attribut de contenu doit être "Oui" (casse sensible). S'il existe une autre valeur dans l'attribut content , L'application Web sera ajoutée en tant que signet normal.

Bien que je ne dispose d'aucun appareil exécutant Chrome M31 avec lequel tester, je considère que cela signifie que les applications Web plein écran, avec une icône sur l'écran d'accueil de l'appareil, sont prises en charge dès la version Chrome M31, à condition que vous l'utilisiez. mobile-web-app-capable balise méta.

20
Josh

Depuis Chrome31 +, les applications Web pour écran d'accueil sont également prises en charge sur Android. Voir ici .

2
Ludis studio

Je ne crois pas.

Cependant , il serait assez simple de détecter si un navigateur est un appareil Android et d'afficher un lien vers une application Android Market (ou directement vers l'APK)

Comme Android dispose d'un widget WebView, il est assez simple d'écrire une application qui charge un site Web dédié ou qui enveloppe en quelque sorte le contenu hors connexion (soit téléchargée au premier lancement, soit livrée dans le dossier des actifs).

2
Phil Lello

Utilisez jQuery, vous pouvez voir si la hauteur du contenu est supérieure à la hauteur de la fenêtre. Si non, alors vous pouvez le faire à cette hauteur.

$(document).ready(function() { 
  if (navigator.userAgent.match(/Android/i)) { 
    window.scrollTo(0,0); // reset in case prev not scrolled   
    var nPageH = $(document).height(); 
    var nViewH = window.outerHeight; 
    if (nViewH > nPageH) { 
      nViewH -= 250; 
      $('BODY').css('height',nViewH + 'px'); 
    } 
    window.scrollTo(0,1); 
  } 

});

Credit à meagar: Supprimer la barre d'adresse du navigateur (pour voir sur Android)

1
Zymotik

Vous pouvez créer des raccourcis vers les signets (= toute page Web) sur l’écran d’accueil. 

0
molnarm