13
vecchio trucco con window.scrollTo (0,1); non funziona E peggio ancora, la barra degli indirizzi si sposta solo un po 'e si blocca a metà strada a volte.Come rimuovere la barra degli indirizzi in Safari in iOS?
A
risposta
12
Credo che il codice dovrebbe funzionare ..
comunque qui è il modo corretto di dire Safari Mobile che si desidera che il pieno schermo: click me
esempio utilizzare
<meta name="apple-mobile-web-app-capable" content="yes" />
EDIT
Apple utilizza una nuova proprietà mobili-ui per visualizzare un minimo di interfaccia utente in Safari:
Una proprietà, minimal-ui, è stato aggiunto per la finestra tasto meta tag che consente di ridurre al minimo le barre superiore e inferiore dell'iPhone mentre la pagina viene caricata. Mentre su una pagina che usa il minimo-ui, toccando la barra in alto riporta indietro le barre. Tornare indietro nel contenuto li respinge di nuovo.
uso in questo modo:
<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
29
Si tratta di una combinazione di molte cose, come ho trovato quando la ricerca di questo problema per me. Ecco il codice che funziona correttamente su iOS5: (so che sto un po 'in ritardo, ma una risposta è una risposta, speriamo che può 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/
+1
Per il nuovo display dell'iPhone 5 è necessario aumentare leggermente l'altezza minima. La mia esperienza ha dimostrato che 505 px sono sufficienti. A seconda dell'applicazione, è possibile impostarla dinamicamente in base al dispositivo dell'utente. – Sean
+3
Invece di specificare l'altezza nello stile CSS, è anche possibile aggiungere una voce aggiuntiva nel meta-tag viewport. Puoi specificare altezza = altezza del dispositivo. In questo modo, la barra sarà comunque nascosta anche se cambi l'orientamento del dispositivo. –
5
Da IOS7 il trucco window.scrollTo non funziona più. Per il momento non c'è un problema, tranne invitare l'utente ad aggiungere il tuo sito web alla schermata iniziale.
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
Is it possible to hide the address bar in iOS 7 Safari?
Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch
1
In iOS 7 è possibile utilizzare il meta tag minimal-ui. Purtroppo, che è stato rimosso in iOS 8.
Per iOS 8 c'è un progetto chiamato all'orlo che dovrebbe riportare la funzionalità di tipo minimal-ui. Si può trovare qui: https://github.com/gajus/brim
Problemi correlati
- 1. NSTextCampo come barra degli indirizzi safari
- 2. Barra degli indirizzi come barra degli indirizzi
- 3. iPhone 5s - iOS 9.0.2 - Safari - Nasconde la barra degli indirizzi in modalità orizzontale
- 4. iPhone Safari screen.availAltezza e barra di stato/barra degli strumenti/barra degli indirizzi
- 5. Come nascondere javascript window.open barra degli indirizzi/barra degli indirizzi?
- 6. In che modo jquery mobile nasconde la barra degli indirizzi di mobile safari?
- 7. Rimuovere barra degli indirizzi dalla finestra pop-up utilizzando Javascript
- 8. Nascondere la barra degli indirizzi in tutti i browser
- 9. Come nascondere la barra degli indirizzi di un browser mobile?
- 10. Metodo multipiattaforma per rimuovere la barra degli indirizzi in un'app Web mobile
- 11. .htaccess reindirizza senza modificare la barra degli indirizzi
- 12. Come visualizzare la barra degli indirizzi nel controllo WebBrowser
- 13. Come crittografare la richiesta URL GET nella barra degli indirizzi?
- 14. Prevenire la scheda per scorrere attraverso la barra degli indirizzi
- 15. Nascondi ID utente nella barra degli indirizzi
- 16. Javascript nella barra degli indirizzi - è dannoso?
- 17. Rimuovere correttamente la barra degli strumenti di sviluppo in Seaside
- 18. Disabilita la barra degli indirizzi nella visualizzazione Web Android
- 19. Chiama la funzione Javascript dall'URL/barra degli indirizzi
- 20. Rileva quando viene visualizzata la barra degli indirizzi di Chrome per iOS
- 21. Safari in stile UIPopoverController dalla barra degli strumenti
- 22. nascondere barra degli indirizzi del browser mobile su Chrome (Android)
- 23. Come ottenere l'URL dalla barra degli indirizzi del browser?
- 24. barra degli indirizzi ios attivata quando cambia lo stato del router ui angolare
- 25. Come risolvere la posizione: fissato per una barra degli strumenti in basso su iOS (iPhone/iPad)
- 26. Come cambiare la dimensione del carattere della barra degli indirizzi in Chrome a livello di programmazione
- 27. Come disattivare la barra degli indirizzi visualizzata sugli eventi js in IE 11 su Windows 8.1
- 28. Come nascondere la barra degli indirizzi di una pagina Web in Android?
- 29. Come visualizzare il logo sulla barra degli indirizzi?
- 30. Android: come rimuovere la linea tra la barra degli strumenti e la barra di stato
provato tutti i meta tag, ho bisogno il vecchio comportamento che può nascondere la barra degli indirizzi dopo che la pagina viene caricata senza aggiungere it pagina alla schermata iniziale. – firedev
Nella mia situazione il cambiamento ha funzionato solo dopo aver riposto l'app sul homescreen. – speznaz
Voglio che funzioni senza aggiungere l'app sul homescreen, questa è la cosa. – firedev