Schermata della finestra JavaScript
L'oggetto window.screen contiene informazioni sullo schermo dell'utente.
Schermo della finestra
L' window.screen
oggetto può essere scritto senza il prefisso della finestra.
Proprietà:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Larghezza dello schermo della finestra
La screen.width
proprietà restituisce la larghezza dello schermo del visitatore in pixel.
Esempio
Visualizza la larghezza dello schermo in pixel:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Il risultato sarà:
Screen Width: 1920
Altezza dello schermo della finestra
La screen.height
proprietà restituisce l'altezza dello schermo del visitatore in pixel.
Esempio
Visualizza l'altezza dello schermo in pixel:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Il risultato sarà:
Screen Height: 10000
Larghezza disponibile dello schermo della finestra
La screen.availWidth
proprietà restituisce la larghezza dello schermo del visitatore, in pixel, meno le funzionalità dell'interfaccia come la barra delle applicazioni di Windows.
Esempio
Visualizza la larghezza disponibile dello schermo in pixel:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Il risultato sarà:
Available Screen Width: 1920
Altezza disponibile dello schermo della finestra
La screen.availHeight
proprietà restituisce l'altezza dello schermo del visitatore, in pixel, meno le funzionalità dell'interfaccia come la barra delle applicazioni di Windows.
Esempio
Visualizza l'altezza disponibile dello schermo in pixel:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Il risultato sarà:
Available Screen Height: 10000
Profondità del colore dello schermo della finestra
La screen.colorDepth
proprietà restituisce il numero di bit utilizzati per visualizzare un colore.
Tutti i computer moderni utilizzano hardware a 24 bit o 32 bit per la risoluzione del colore:
- 24 bit = 16.777.216 "True Colors" diversi
- 32 bit = 4.294.967.296 "Colori profondi" diversi
I computer più vecchi utilizzavano 16 bit: 65.536 diverse risoluzioni "High Colors".
Computer molto vecchi e vecchi telefoni cellulari utilizzavano 8 bit: 256 "colori VGA" diversi.
Esempio
Visualizza la profondità del colore dello schermo in bit:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Il risultato sarà:
Screen Color Depth: 24
I valori #rrggbb (rgb) utilizzati in HTML rappresentano "True Colors" (16.777.216 colori diversi)
Profondità dei pixel dello schermo della finestra
La screen.pixelDepth
proprietà restituisce la profondità in pixel dello schermo.
Esempio
Visualizza la profondità dei pixel dello schermo in bit:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Il risultato sarà:
Screen Pixel Depth: 24
Per i computer moderni, Profondità colore e Profondità pixel sono uguali.