HTML5 Plein Écran des Applications Web: Aucun navigateur bars
Je suis entrain de créer un web HTML5 application pour les appareils mobiles et a demandé à masquer le navigateur de la barre de navigation (à l'arrière & de l'avant boutons) (faute de frappe ici, préc.). Comment puis-je y parvenir?
Je pense que je devrais être en mesure de réaliser que l'utilisation de Téléphone de l'Écart. Mais je me demande si c'est possible pour un "normal" web app pour masquer la barre de navigation? Je pense que c'est possible si je épingler le site web/application à l'écran d'accueil?
iPhone a http://ajaxian.com/archives/iphone-full-screen-webapps, mais qu'en est Andriod au moins?
Êtes-vous en mesure d'appliquer JQuery dans votre application?
Il est similaire, la plus récente de la réponse à cette question se trouve dans le stackoverflow.com/questions/24889100/...
Il est similaire, la plus récente de la réponse à cette question se trouve dans le stackoverflow.com/questions/24889100/...
OriginalL'auteur Jiew Meng | 2012-07-01
Vous devez vous connecter pour publier un commentaire.
Je sais que cette question est un peu hors de date à ce point, voici donc une mise à jour:
Sur Safari pour iOS 7+ cette solution est idéal:
Les minimes-ui attribut rend le navigateur de masquer tous les boutons tout en gardant la barre des tâches intacte.
Je n'ai pas testé pour android.
OriginalL'auteur Sheldonbrax
Si vous pouvez utiliser JQuery dans votre application web que je vous suggère d'aller pour NiceScroll plugin.
Il peut être utilisé à la fois mobiles et les navigateurs de bureau et permet de masquer le navigateur de barres de défilement. Si votre code est d'aller au-delà de la hauteur de la fenêtre d'affichage du navigateur qu'il va faire une barre de défilement personnalisée qui sera fadeout si pas en cours d'utilisation.
Ici est sa Démo.
Edit:
Que par votre mise à jour, je tiens à ajouter que je ne suis pas un mobile native web-développeur de l'application, mais lors de la recherche de vos problèmes, j'ai trouvé quelques questions qui peuvent vous aider à conduire le plus loin:
Et ces tutoriels:
Prenez-vous une sorte de "Automatic F11 Script"?
Oh, je viens de constater que cela signifie automatiquement le navigateur en plein écran ... hmm pas tout à fait. Je pense que l'iPhone a un écran full web app chose ajaxian.com/archives/iphone-full-screen-webapps, mais qu'en est Andriod
Peut-être ce tutoriel va vous aider..
OriginalL'auteur Asif
Vous pouvez utiliser cette application pour Android: Kiosque Web/Navigateur Html, il crée un dossier sur votre carte sd où vous pouvez mettre le code html, montré en plein écran "immersive mode".
OriginalL'auteur fabiodipa
Il y a une telle fonction dans le dernier Chrome pour Android beta:
https://developers.google.com/chrome/mobile/docs/installtohomescreen
OriginalL'auteur Denes Papp
MODIFIER
Nouvelle réponse
Beaucoup de choses ont changer depuis que cette question a été posée. Il est maintenant bien prise en charge native pour le défilement, la position fixe, et la barre du navigateur de la plupart des OS est beaucoup plus petite. Depuis c'est le cas, je conseillerais de ne pas recourir à de défilement des hacks que la plupart des sites et des réponses recommander. Le respect des règles de l'OS va améliorer la stabilité, la facilité d'utilisation et la compatibilité future de votre webapp.
Vieille réponse
Il est possible pour l'iPhone quand quelqu'un l'enregistre comme une webapp à l'écran d'accueil. Cela fonctionne si vous ajoutez le bon balises meta.
Pour la norme browsermode c'est un peu plus compliqué que vous avez à revenir à des hacks. Fondamentalement, la barre d'adresse disparaît lorsque vous faites défiler (pour les Iphone et la plupart du temps pour android). Vous pouvez simuler cet effet avec javascript. Mobile-tuts a aussi un bon article sur elle:
http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/, mais cela ne fonctionne que lorsque le contenu est plus la résolution de l'écran.
OriginalL'auteur Tosh