Secondo W3Schools, oltre 75 per cento degli utenti di Internet hanno visto il web superiore a 1024 x 768 risoluzioni dello schermo nel gennaio del 2010. Durante lo stesso mese, soltanto un per cento di tutti gli utenti di impostare il proprio browser a 640 x 480. Come uno sviluppatore web o la finestra di progettazione, è importante ottimizzare le pagine web in modo che gli utenti visualizzano il tuo sito come progettato. Farlo utilizzando JavaScript per calcolare le risoluzioni di schermo che utilizzano i visitatori del sito.

Istruzioni

1

Aprire la pagina web in un editor HTML o blocco note.

2

Aggiungere il seguente codice JavaScript per il documento < script > sezione:

var screenHeight = Height;

var screenWidth = screen. Width;

var messaggio = "risoluzioni dello schermo: vostra altezza schermo =" + screenHeight + "... La larghezza dello schermo = "+ screenWidth;

Document.Write(Message);

Questo codice Visualizza i valori di altezza e larghezza archiviati nell'oggetto schermata della pagina web.

3

Salvare il file HTML e aprirlo nel browser. L'istruzione Document. Write visualizzerà la risoluzione dello schermo del browser. Cambiare la risoluzione del monitor e aggiornare la pagina web. Si vedrà la risoluzione aggiornata.

Consigli & Avvertenze

• Se avete diversi layout di pagina per diverse risoluzioni, rilevare la risoluzione dello schermo dell'utente e reindirizzare il browser alla pagina con il layout appropriato.