Window Screen JS

L'oggetto window.screen contiene informazioni sulla schermo dell'utente.

Oggetto schermo

window.screenL'oggetto può essere utilizzato per visualizzare la risoluzione dello schermo (larghezza e altezza dello schermo), profondità di colore, profondità di pixel, ecc.

window.screenÈ possibile utilizzare l'abbreviazione senza prefisso (window.) dell'oggetto.

screenL'oggetto ha le seguenti proprietà:

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

La prossima sezione ti mostrerà come utilizzare le proprietà dell'oggetto screen dell'oggetto finestra per ottenere le informazioni di visualizzazione dell'utente.

Larghezza dello schermo

screen.widthL'attributo restituisce la larghezza totale dello schermo dell'utente (in pixel).

var x = screen.width;

Altezza dello schermo

screen.heightL'attributo restituisce l'altezza totale dello schermo dell'utente (in pixel).

var x = screen.height;

Larghezza disponibile dello schermo

screen.availWidthL'attributo restituisce la larghezza della regione dello schermo disponibile per la finestra dell'applicazione (in pixel).

L'area della finestra dell'applicazione è l'intera superficie dello schermo tranne la barra delle applicazioni.

var x = screen.availWidth;

Altezza disponibile dello schermo

screen.availHeightL'attributo restituisce l'altezza della regione dello schermo disponibile per la finestra dell'applicazione (in pixel).

L'area della finestra dell'applicazione è l'intera superficie dello schermo tranne la barra delle applicazioni.

var x = screen.availHeight;

Profondità di colore dello schermo della finestra

screen.colorDepthL'attributo restituisce la profondità di colore dello schermo dell'utente.

La profondità di colore è utilizzata per rappresentare il numero di bit utilizzati per un singolo pixel.

La profondità di colore indica quante colori può produrre lo schermo del dispositivo.

Ad esempio, uno schermo con una profondità di colore di 8 può produrre 256 colori (2 ⁸)

var x = screen.colorDepth;

Attualmente, la maggior parte degli schermi degli dispositivi ha una profondità di colore di 24 o 32. In altre parole, più bit producono più variazioni di colore, ad esempio 24 bit possono produrre 2 ²⁴ = 16,777,216 variazioni di colore (True Color), mentre 32 bit possono produrre 2 ³² = 4,294,967,296 variazioni di colore (Scuro)

Profondità di pixel dello schermo della finestra

screen.pixelDepthL'attributo restituisce la profondità di bit dello schermo.

La profondità di pixel è il numero di bit utilizzati per ogni pixel dal hardware di visualizzazione del sistema.

Per i dispositivi moderni, la profondità di colore e la profondità di pixel sono uguali.

var x = screen.pixelDepth;

Più esempi

Questo esempio mostra tutte le proprietà dello schermo:

var txt = "";
txt += "<p>Larghezza / altezza totale: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>Larghezza / altezza disponibile: " + screen.availWidth + "*" + screen.availHeight + "</p>";
txt += "<p>Profondità di colore: " + screen.colorDepth + "</p>";
txt += "<p>Resoluzione cromatica: " + screen.pixelDepth + "</p>";
document.write(txt);