Est-il possible de masquer la barre d'adresse et la barre d'état dans iOS 7?
Dans une application paysage, j'utilise actuellement le code ci-dessous pour le faire pour les versions iOS précédentes et cela fonctionne bien même sur IOS 7: lors de l'ouverture de la page, il passe en plein écran et le reste.
JS:
window.addEventListener("load",function() {
// Set a timeout...
setTimeout(function(){
// Hide the address bar!
window.scrollTo(0, 1);
}, 0);
});
HTML:
<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
Le fait est que sur iOS 7 iPhone et iPad lorsque vous appuyez sur le bas de l'écran, la barre d'adresse et la barre d'état apparaissent et la seule façon de s'en débarrasser est de changer l'orientation du téléphone, puis de la ramener à l'orientation précédente. Existe-t-il de toute façon pour éviter cette manipulation?
ios
mobile-safari
fullscreen
svassr
la source
la source
Réponses:
Il existe une méthode:
<meta name="viewport" content="minimal-ui”>
( mais cela ne fonctionne que sur iOS 7.1 - pas sur 7.0 ni 8.0 )
source: StackOverflow
Plus de détails, à partir du journal des modifications et des notes de version d' iOS 7.1 beta 2 :
mise à jour: j'ai confirmé que cette méthode fonctionne dans iOS 7.1 (version finale officielle). Vous pouvez confirmer vous-même avec mon application Web , qui utilise la solution de balise Meta décrite ci-dessus.
la source
J'ai vu cela recommandé
<meta name="apple-mobile-web-app-capable" content="yes">
Il exécute le site en mode autonome, ce qui masque l'interface utilisateur. Je ne sais pas comment cela se compare à la solution d'interface minimale ci-dessus. J'ai l'impression que cette solution fonctionne également pour les versions iOS antérieures à 7.1.la source