È possibile nascondere la barra degli indirizzi e la barra di stato in iOS 7 Safari?

12

È possibile nascondere la barra degli indirizzi e la barra di stato in iOS 7?

In un'app per il paesaggio attualmente sto usando il codice qui sotto per farlo per le versioni precedenti di iOS e funziona bene anche su IOS 7: quando apri la pagina va a schermo intero e resta così.

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">

Il fatto è che su iOS 7 iPhone e iPad quando si tocca la parte inferiore dello schermo compaiono la barra degli indirizzi e la barra di stato e l'unico modo per sbarazzarsi è quello di cambiare l'orientamento del telefono e quindi cambiarlo al precedente orientamento. Esiste comunque un modo per evitare tale manipolazione?

    
posta svassr 17.10.2013 - 22:13
fonte

2 risposte

15

C'è un metodo: <meta name="viewport" content="minimal-ui”>
( ma funziona solo su iOS 7.1 - non su 7.0 né 8.0 )

fonte: StackOverflow

Maggiori dettagli, dal registro delle modifiche di iOS 7.1 beta 2 e rilascio note :

Safari Notes

A property, minimal-ui, has been added for the viewport meta tag key that allows minimizing the top and bottom bars on the iPhone as the page loads. While on a page using minimal-ui, tapping the top bar brings the bars back. Tapping back in the content dismisses them again.

For example, use <meta name=”viewport” content=”width=1024, minimal-ui”>.

aggiornamento: ho confermato che questo metodo funziona su iOS 7.1 (versione finale ufficiale). Puoi confermare tu stesso con la mia app web , che utilizza la soluzione di metatag descritta sopra.

    
risposta data 17.12.2013 - 22:47
fonte
1

Ho visto questo consigliato <meta name="apple-mobile-web-app-capable" content="yes"> Esegue il sito in modalità standalone, che nasconde l'interfaccia utente. Non sono chiaro su come questo si paragona alla soluzione minimal-ui di cui sopra. Ho l'impressione che questa soluzione funzioni anche per le versioni iOS precedenti alla 7.1.

    
risposta data 25.03.2014 - 15:05
fonte

Leggi altre domande sui tag