Développement Apple
  1. Développement Apple
  3. Est-il possible de cacher la barre d'adresse et la barre d'état dans iOS 7 Safari?
Intereting Posts
Dtrace rlocation pour fseventer? Existe-t-il un moyen d'ouvrir le terminal plutôt que l'émulateur terminal? Comment désactiver l'animation du tableau de bord sur mac? Comment décharger com.adobe.AAM.Updater-1.0.plist Existe-t-il un moyen d'get des callbacks sur iPhone pour persister jusqu'à ce qu'ils soient vérifiés? Je ne pense pas que mon macbook puisse sentir la bonne température Une façon de lancer une instance distincte de Google Chrome avec une icône personnalisée? Désactivez le ctrl-clic de l'set du système en cliquant avec le button droit de la souris dans Mavericks Un Mac avec Thunderbolt peut-il utiliser efficacement une carte graphique PCI à l'aide d'une cage externe? Le count Guest est-il un risque de security avec un chiffrement complet sur Mountain Lion? Nike + FuelBand (podomètre) avec logiciel d'parsing local – pas de données personnelles en nuage Comment puis-je corriger le fait que le text met en évidence une couleur différente de la couleur de sélection d'élément, dans OSX et macros depuis 2002? Existe-t-il un outil pour sauvegarder une session de terminal d'instantané pour une récupération ultérieure, comme une machine virtuelle? Créez un lien symbolique naviguez avec le CD Comment éjecter rapidement toutes les partitions externes?

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

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

Dans une application de paysage, j'utilise actuellement le code ci-dessous pour le faire pour les versions précédentes d'iOS et cela fonctionne bien même sur IOS 7: lors de l'ouverture de la page, il passe en plein écran et rest ainsi.

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 l'iPhone et l'iPad iOS 7 en tapotant 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 et de la modifier à l'orientation précédente. Est-il possible d'é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 de iOS 7.1 bêta 2 modifier le journal et les notes de version :

Notes de Safari

Une propriété, minimal-ui, a été ajoutée pour la key de la méta-label de la window qui permet de minimiser les barres supérieure et inférieure de l'iPhone lorsque la page est chargée. Alors que sur une page utilisant minimal-ui, toucher la barre supérieure ramène les barres. Retourner 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 pour vous-même avec mon application Web , qui utilise la solution de méta-tags décrite ci-dessus.

entrez la description de l'image ici

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 user. Je ne suis pas clair sur la façon dont cela se compare à la solution minimum-ui ci-dessus. Je suis sous l'printing que cette solution fonctionne pour les versions iOS avant 7.1.