Come ottenere la modalità a schermo intero con un'app mobile Safari Web su IOS 8 Iphone 4S

Question

Sono molto nuovo nello sviluppo di dispositivi mobili, quindi per favore non fatemi troppe domande per principianti.

Penso di avere i metatag corretti.

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Dal sito mele, si legge utilizzare il tag di seguito per consentire l'esecuzione in modalità a schermo intero, ma non sembra funzionare.

<!-- Allow web app to be run in full-screen mode. --> 
<meta name="apple-mobile-web-app-capable" 
     content="yes"> 

larghezza e l'altezza sono impostate per Iphone 4S su iOS 8

width: 320px; 
    height: 480px 

posso pubblicare il codice completo se vi aiuterà è molto semplice 1 intestazione di pagina di layout con due pulsanti, contenuti solo testo , e un piè di pagina con icone nav

il problema come la vedo io è che è schermo non pieno e per questo la barra di navigazione IOS in fondo taglia fuori il mio piè di pagina che ha un menù ad icone

Answer 1

L'ho capito, i meta tag sono corretti, devi solo creare un collegamento sulla schermata iniziale facendo clic sulla freccia in su nella barra in basso in safari e scegliendo aggiungi alla schermata principale. Quindi avvia la tua app e presto le barre non ci sono più. Basta sfogliare per dire 192 .../la tua app non funziona devi aggiungere una scorciatoia alla schermata iniziale per rimuovere le barre