C'est une combinaison de beaucoup de choses que j'ai trouvé lors de la recherche de ce problème pour moi.
Voici le code qui fonctionne correctement sur iOS5:
(Je sais je suis un peu en retard, mais une réponse est une réponse, j'espère que ça peut aider les gens dans le futur)
<!DOCTYPE html><html><head><title>Hide Address Bar</title><metaname="viewport"content="width=device-width, initial-scale=1"><script>
window.addEventListener("load",function(){
setTimeout(function(){
window.scrollTo(0,0);},0);});</script><style>
body {min-height:480px;}</style></head><body><h1>Content</h1></body></html>
Apple utilise un nouveau mobile-propriété d'interface utilisateur pour afficher une INTERFACE minimale dans safari:
Une propriété, à peu de l'interface utilisateur, a été ajouté dans la fenêtre d'affichage de la balise meta clé qui permet de les minimiser les barres supérieure et inférieure sur l'iPhone comme le chargement de la page. Alors que sur une page en utilisant un minimum de-l'interface utilisateur, en appuyant sur la barre du haut apporte les barres en arrière. Tapant sur le dos dans le contenu rejette à nouveau.
Depuis IOS7 la window.scrollTo astuce ne fonctionne plus. Il n'y a pas de travail pour le moment, sauf pour inviter l'utilisateur à ajouter votre site à l'Écran d'Accueil.
Sur iOS 7, vous pouvez utiliser le minimum de-l'interface utilisateur de la balise meta. Malheureusement, qui a été supprimé dans iOS 8.
Pour iOS 8 il y a un projet appelé bord qui est censé ramener les minimes-ui type de fonctionnalité. Il peut être trouvé ici: https://github.com/gajus/brim
C'est une combinaison de beaucoup de choses que j'ai trouvé lors de la recherche de ce problème pour moi.
Voici le code qui fonctionne correctement sur iOS5:
(Je sais je suis un peu en retard, mais une réponse est une réponse, j'espère que ça peut aider les gens dans le futur)
Source: http://24ways.org/2011/raising-the-bar-on-mobile
Exemple: http://jsbin.com/isenax/
je suppose que le code devrait encore du travail..
de toute façon ici est la bonne manière de raconter mobile de safari que vous voulez que le plein écran:
cliquez sur moi
par exemple l'utilisation des
MODIFIER
Apple utilise un nouveau mobile-propriété d'interface utilisateur pour afficher une INTERFACE minimale dans safari:
l'utiliser comme ceci:
source: https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html
Depuis IOS7 la
window.scrollTo
astuce ne fonctionne plus. Il n'y a pas de travail pour le moment, sauf pour inviter l'utilisateur à ajouter votre site à l'Écran d'Accueil.http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
Est-il possible de masquer la barre d'adresse dans iOS 7 Safari?
Impossible de cacher les barres de navigation de Safari iOS 7 pour iPhone/iPod touch
Sur iOS 7, vous pouvez utiliser le minimum de-l'interface utilisateur de la balise meta. Malheureusement, qui a été supprimé dans iOS 8.
Pour iOS 8 il y a un projet appelé bord qui est censé ramener les minimes-ui type de fonctionnalité. Il peut être trouvé ici: https://github.com/gajus/brim