Come rilevare la dimensione di una finestra

June 30

Come rilevare la dimensione di una finestra


I progettisti di applicazioni Web hanno bisogno di sapere quanto spazio è disponibile all'interno della finestra del browser per sviluppare un layout di pagina web. Questo spazio, chiamato la finestra del browser, è la finestra nel browser attraverso il quale si visualizza il contenuto del documento. La finestra del browser esclude le barre degli strumenti della finestra. La sua dimensione dipende anche dal fatto che il browser è in modalità schermo o finestra in pieno. Rilevando le dimensioni di una finestra del browser è possibile fornire agli utenti una migliore visualizzazione delle pagine web.

istruzione

1 Fare clic su "Start" di Windows e quindi fare clic su "Blocco note" per aprire l'editor di testo Blocco note.

2 Fai clic su "File", scegliere "Apri" e fare doppio clic sul file HTML, in cui si desidera aggiungere il rilevamento di dimensione del browser finestra.

3 Aggiungere il seguente codice all'inizio del file:

<Script type = "text / javascript">

<! -

var ViewportWidth;

var ViewportHeight;

// più rigidi standard di browser conformi

(Mozilla / Netscape / Opera / IE7) usa window.innerWidth e

window.innerHeight

if (typeof window.innerWidth! = 'undefined')

{

viewportwidth = window.innerWidth,

ViewportHeight = window.innerHeight

}

// IE6 in modalità standard compatibile (cioè con un doctype valido

la prima riga del documento)

else if (typeof document.documentElement! = 'undefined'

&& typeof document.documentElement.clientWidth !=

'Undefined' && document.documentElement.clientWidth! = 0)

{

viewportwidth = document.documentElement.clientWidth,

ViewportHeight = document.documentElement.clientHeight

}

// vecchie versioni di IE

altro

{

viewportwidth = document.getElementsByTagName('body')

[0] .clientWidth,

viewportheight = document.getElementsByTagName('body')

[0] .clientHeight

}

document.write ( '<p> Il tuo larghezza viewport è

'+ ViewportWidth +' x '+ ViewportHeight +' </ p> ');

// ->

</ Script>

4 Fai clic su "File", scegliere "Save'and poi cliccare su" OK "per rilevare la dimensione del browser finestra nella pagina web.