Nascondere la barra dell'URL su iPad?

2

Sto lavorando su una piccola app Web che funziona su iPad controllato (ad esempio, sia l'hardware che i contenuti sono nel nostro ufficio e non esce mai). Vorrei nascondere la barra degli URL in questa app. Ho inserito il seguente tag nella parte superiore di ogni pagina:

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

Una volta "installato" nella schermata principale dell'iPad, la prima pagina appare come mi aspetto. Tuttavia, il primo clic apre una nuova pagina in Mobile Safari e restituisce la barra degli URL.

C'è un modo per mantenere la "web app" a schermo intero in ogni momento?

    
posta Evil Closet Monkey 24.04.2013 - 21:17
fonte

2 risposte

3

Attacco a questo problema distribuendo l'app Web come profilo di configurazione. Invece di fare in modo che le persone tocchino il pulsante Safari mobile per aggiungere l'app alla schermata iniziale, devi scaricare il file del profilo OTA dal server web.

Dovranno approvare l'installazione del profilo, ma in tal caso puoi controllare l'icona e forzare l'attributo a schermo intero in modo che gli utenti non vedano Chrome di Mobile Safari.

Se i tuoi contenuti web vengono aperti in Mobile Safari (come i contenuti web qui, potresti dover provare a giocare con tutti i link all'interno dell'app per essere relativi al sito o programmare cose esistenti in un database offline piuttosto che essere URL completo che induce il safari a schermo intero a pensare che sia necessario aprire una pagina collegata nella normale visualizzazione Mobile Safari).

Uso anche questo articolo sullo sviluppo per iPad: forse è necessario impostare la vista e disporre di altri elementi per garantire che l'interfaccia tattile venga utilizzata per navigare piuttosto che aprire un nuovo URL.

risposta data 24.04.2013 - 21:55
fonte
1

Ho avuto lo stesso identico problema, anche se usando l'attributo window.navigator.standalone, il codice risolve tutto.

<script type="text/javascript">
$(document).ready(function(){
        // iOS web app full screen hacks.
        if(window.navigator.standalone == true) {
                // make all link remain in web app mode.
                $('a').click(function() {
                        window.location = $(this).attr('href');
            return false;
                });
        }
});
</script>
    
risposta data 17.07.2016 - 14:46
fonte

Leggi altre domande sui tag