Meta Tag "apple-mobile-Web-capable" pour Android?
y a-t-il un moyen de créer une application Web Android comme sur l'iPhone?
en utilisant la balise meta" apple-mobile-Web-capable-app-tag " dans l'élément head d'une page HTML, il informe L'Apple iOS que l'application peut être installé pour les utilisateurs de springboard de sorte qu'il démarre le navigateur Safari Mobile sans barre de menu.
5 réponses
Chrome sur Android prend maintenant en charge une méta-étiquette mobile-web-app-capable :
depuis Chrome M31, vous pouvez configurer votre application web pour avoir une application icône de raccourci ajouté à l'écran d'accueil d'un appareil, et avoir le lancement de l'application en plein écran "app mode" en utilisant Chrome pour Android " ajouter à homescreen " élément de menu.
pour plus de détails sur la métabalise mobile-web-app-capable , allez à " Supporting homescreen-applications installées avant M39":
depuis M31, Chrome recherche la balise meta suivante dans la élément de la page web (s'il y a un manifeste avec affichage spécifié, ceci est ignoré):
<meta name="mobile-web-app-capable" content="yes">l'attribut name Doit être "mobile-web-app-capable" et l'attribut contenu doit être "oui" (cas-sensible). Si il y a une autre valeur dans le contenu attribuez le web app sera ajouté comme un signet régulier.
bien que je n'aie aucun appareil qui exécute Chrome M31 que je puisse tester, j'interprète cela comme signifiant que les applications web plein écran, avec une icône sur l'écran d'accueil de l'appareil, sont supportées aussi loin que Chrome M31, à condition que vous utilisiez cette balise mobile-web-app-capable meta.
Je ne crois pas.
Toutefois , il serait trivial de détecter si un navigateur est un appareil Android, et d'afficher un lien vers une application Android Market (ou directement l'APK)
comme Android a un widget WebView, il est assez trivial d'écrire une application qui charge un site web dédié, ou qui enveloppe d'une certaine façon le contenu hors ligne (soit téléchargé à la première-lancement, ou embarqué dans le dossier ACTIFS)
utilisez jQuery, vous pouvez voir si la hauteur du contenu est supérieure à la hauteur du viewport. Si ce n'est pas le cas, vous pouvez 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);
}
});
Crédit à meagar: la Suppression de la barre d'adresse du navigateur (à vue sur Android)
depuis Chrome31 + applications web d'écran d'accueil sont également pris en charge sur Android. Voir ici .
Vous pouvez créer des raccourcis vers des signets (=n'importe quelle page web) sur l'écran d'accueil.