Fullscreen Web App pour Android
Je veux exécuter mon Application Web, dont j'ai programmé avec le langage HTML5, en mode plein écran sur Android.
(masquer la barre d'état, et de l'adresse/la barre de navigation)
pour iOS vous écrivez seulement:
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Mais cela ne fonctionne pas sur Android.
Il y a beaucoup de solutions avec le Javascript, mais toutes les solutions que j'ai essayé sont inopérantes.
Quelqu'un connaît la solution?
Vous devez vous connecter pour publier un commentaire.
Je ne pense pas que vous trouverez une solution globale pour que depuis pas tout le monde utilise la valeur par défaut d'android navigateur web (par exemple, je préfère le dauphin).
Face à que fait, vous aurez besoin d'essayer toutes les sales javascript hack pour forcer ce comportement.
La seule raison pour laquelle cela fonctionne pour les appareils d'apple est le fait que apple est très restrictive sur le développement d'un navigateur personnalisé et tout le monde se colle à l'application par défaut.
Cela a fonctionné pour moi sur Chrome pour Android.
Ajoutez à cela les balises d'en-tête:
Ensuite dans le navigateur chrome menu Goto Ajouter à la page d'Accueil. Cette Icône va maintenant ouvrir votre site web en plein écran.
J'utilise un mélange de HTML de la balise meta pour iOS et une solution d'activer JavaScript.
Il enlève la barre d'adresse sur iOS et android. Il ne prend pas le bas de la barre sur iOS que cela ne disparaissent lorsque l'utilisateur installe la page web comme le HTML5 app sur son écran d'accueil.
J'utilise le PHP dans le backend à seulement rendre le JavaScript pour le navigateur mobile avec le portable suivant la détection du navigateur
Vous pouvez réaliser cela avec googles nouveau progressive web app ajouter le travailleur des services. Jetez un oeil ici: https://addyosmani.com/blog/getting-started-with-progressive-web-apps/ et https://developers.google.com/web/progressive-web-apps/ .
Vous pouvez ajouter une icône dans l'écran d'accueil de votre application web,obtenir le plein écran, peuvent utiliser les notifications push etc.
Cette balise est conçu pour afficher un chromeless environnement une fois que vous avez ajouté votre site à l'iPhone, l'écran d'accueil.
Je ne reposent pas sur que cela fonctionne pour android.
Pour que le navigateur de la barre de défilement de la route une fois que votre page a chargé le voir, cette question de la réponse:
Suppression de la barre d'adresse du navigateur (à vue sur Android)
Comme indiqué par Google
Voir https://developer.chrome.com/multidevice/android/installtohomescreen
Ce code pourrait aider...
À partir de l'Android de côté et pour les versions inférieures en nid d'abeille, cela devrait être fait à l'aide de:
Si le Navigateur Android ne veut pas faire quelque chose comme ça quand il lit les méta-informations, je voudrais essayer de regarder dans phonegap de vérifier si elles résolvent ce problème.