Est-il possible de masquer la barre d'adresse et la barre d'état dans iOS 7 Safari?

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?

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 :

Notes de Safari

Une propriété, minimal-ui, a été ajoutée pour la clé de balise META de la fenêtre d'affichage qui permet de minimiser les barres supérieure et inférieure de l'iPhone lors du chargement de la page. Sur une page utilisant minimal-ui, appuyer sur la barre supérieure ramène les barres. Taper dans le contenu les rejette à nouveau.

Par exemple, utilisez <meta name=”viewport” content=”width=1024, minimal-ui”>.

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.

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.