Come rimuovere la Barra degli Indirizzi di Safari in iOS?

Vecchio trucco con finestra.scrollTo(0,1); non funziona. E, ancora peggio, la barra degli indirizzi si sposta solo un po ‘ e si blocca a metà strada fuori a volte.

InformationsquelleAutor firedev | 2011-10-25



4 Replies
  1. 29

    È una combinazione di molte cose, come ho scoperto quando alla ricerca di questo problema per me.
    Ecco il codice che funziona correttamente su iOS5:
    (So che sono un po ‘ in ritardo, ma la risposta è una risposta, speriamo che possa aiutare le persone in futuro)

    <!DOCTYPE html>
    <html>
    <head>
    <title>Hide Address Bar</title>
    <meta name="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>

    Fonte: http://24ways.org/2011/raising-the-bar-on-mobile

    Esempio: http://jsbin.com/isenax/

    • Per il nuovo iPhone 5 display dovrete cambiare il min-height un po’. La mia esperienza ha mostrato 505px essere sufficiente. A seconda dell’applicazione si potrebbe desiderare di impostare dinamicamente a seconda del dispositivo dell’utente.
    • Invece di specificare l’altezza di stile CSS, è possibile anche aggiungere un’ulteriore voce nella finestra meta-tag. È possibile specificare l’altezza=dispositivo di altezza. In questo modo, il bar sarà ancora nascosto, anche se si cambia l’orientamento del dispositivo.
  2. 12

    credo che il codice dovrebbe funzionare..

    comunque qui è il modo corretto di dire a safari mobile che si desidera che il full screen:
    fare clic su me

    ad esempio, l’uso

    <meta name="apple-mobile-web-app-capable" content="yes" />

    MODIFICA

    Apple utilizza un nuovo mobile-proprietà di interfaccia utente per la visualizzazione di un minimo di interfaccia utente in safari:

    Una proprietà, minimal ui, è stato aggiunto per il meta tag viewport chiave che permette di ridurre al minimo le barre superiori ed inferiori su iPhone durante il caricamento della pagina. Mentre su una pagina usando il minimo di ui, toccando la barra in alto, porta il bar posteriore. Toccando indietro nel contenuto respinge di nuovo.

    usarlo come questo:

    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />

    fonte: https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html

    • Provato tutti i meta tag, ho bisogno il vecchio comportamento che può nascondere la barra degli indirizzi dopo il caricamento della pagina, senza l’aggiunta di pagina alla schermata home.
    • Nella mia situazione, la modifica solo lavorato, dopo che ho messo l’app sulla schermata principale di nuovo.
    • Ho voglia di lavorare, senza l’aggiunta di app sulla schermata principale, che è la cosa.
    • Se la tua pagina non riempire l’intera altezza del browser, la barra degli indirizzi non riesce a nascondere. Prova a impostare “height: 100%” su qualcosa.
    • Questo ha funzionato per me su iPad con iOS6.

Lascia un commento