Come calcolare la risoluzione dello schermo con Java Script

August 12

Come calcolare la risoluzione dello schermo con Java Script


Secondo W3Schools, oltre il 75 per cento degli utenti di Internet vedeva il web a risoluzioni dello schermo superiore a 1024 x 768 nel mese di gennaio del 2010. Nello stesso mese, solo l'uno per cento di tutti gli utenti di impostare il proprio browser a 640 x 480. Come sviluppatore web o progettista, è importante per ottimizzare le tue pagine web in modo che agli utenti di visualizzare il tuo sito come avete progettato. Farlo usando JavaScript per calcolare le risoluzioni dello schermo che i visitatori del sito utilizzano.

istruzione

1 Aprire la pagina Web in un editor HTML o Notepad.

2 Aggiungere il seguente codice JavaScript alla sezione <script> del documento:

var = ScreenHeight screen.height;

var = screenwidth screen.width;

var message = "risoluzione dello schermo: l'altezza dello schermo =" + ScreenHeight + ".. Il tuo larghezza dello schermo =" + screenwidth;

document.write (messaggio);

Questo codice visualizza i valori di altezza e larghezza memorizzati nel oggetto di pagina della pagina web.

3 Salvare il file HTML e aprirlo nel browser. La dichiarazione document.write visualizza la risoluzione dello schermo del browser. Cambiare la risoluzione del monitor e aggiornare la pagina web. Si vedrà la risoluzione aggiornata.

Consigli e avvertenze

  • Se si dispone di diversi layout di pagina per diverse risoluzioni, di rilevare la risoluzione dello schermo di un utente e reindirizzare il browser alla pagina che ha la disposizione appropriata.