Come calcolare l'altezza dell'area visibile (ad es. Altezza della finestra meno l'indirizzo e le barre dei segnalibri) nel Safari mobile per l'app web?

Qual è il modo corretto per calcolare la quantità di spazio visibile disponibile su Safari mobile? Visualizzando l'area, intendiamo la quantità di schermo effettivamente disponibile per un'app Web, ovvero l'altezza della finestra meno l'indirizzo e le barre dei segnalibri.Come calcolare l'altezza dell'area visibile (ad es. Altezza della finestra meno l'indirizzo e le barre dei segnalibri) nel Safari mobile per l'app web?

iOS 7 impedisce l'occultamento della barra degli indirizzi e dobbiamo tenere conto adeguatamente dell'altezza del viewport.

fonte

2013-09-26 Crashalot

window.innerWidth e window.innerHeight daranno la larghezza e l'altezza del viewport.

fonte

2013-09-26 23:36:56 neilco

questo non sembra funzionare su iOS 7; window.innerHeight non produce l'altezza dopo aver sottratto le barre dell'indirizzo e dei segnalibri. dobbiamo fare qualcos'altro? – Crashalot

Sul mio iPhone 4S con iOS 7.0.2, 'window.screen.availHeight' dà 460. Cioè 480px meno l'altezza della barra di stato. Con la barra degli indirizzi e la barra delle schede visibili, 'window.innerHeight' è 373. Se poi scorro per ridurre a icona la barra degli indirizzi e nascondere la barra delle schede, i report' window.innerHeight' 441. – neilco

Hmm, che valore ottieni quando visiti questa pagina: http://www.tekiki.com/default/test? Otteniamo 1109. Il codice per l'intera pagina è questa: \t setTimeout (function() { \t \t alert (window.innerHeight); \t}, 500); \t – Crashalot

Come calcolare l'altezza dell'area visibile (ad es. Altezza della finestra meno l'indirizzo e le barre dei segnalibri) nel Safari mobile per l'app web?

risposta

Problemi correlati