L'oggetto window.screen contiene informazioni su schermo dell'utente.
Window Screen
La window.screen oggetto può essere scritto senza il prefisso finestra.
Proprietà:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Window Screen Width
La screen.width proprietà restituisce la larghezza dello schermo del visitatore in pixel.
Esempio
Visualizzare la larghezza dello schermo in pixel:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Il risultato sarà:
Screen Width: 1600
Prova tu stesso " Window Screen Height
La screen.height proprietà restituisce l'altezza dello schermo del visitatore in pixel.
Esempio
Visualizzare l'altezza dello schermo in pixel:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Il risultato sarà:
Screen Height: 900 Prova tu stesso " Window Screen Larghezza
La screen.availWidth proprietà restituisce la larghezza dello schermo del visitatore, in pixel, meno l'interfaccia presenta come la barra delle applicazioni di Windows.
Esempio
Visualizzare la larghezza disponibile dello schermo in pixel:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Il risultato sarà:
Available Screen Width: 1600 Prova tu stesso " Window Screen Disponibile Altezza
La screen.availHeight proprietà restituisce l'altezza dello schermo del visitatore, in pixel, meno l'interfaccia presenta come la barra delle applicazioni di Windows.
Esempio
Mostra l'altezza disponibile dello schermo in pixel:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Il risultato sarà:
Available Screen Height: 860 Prova tu stesso " Window Screen Profondità colore
La screen.colorDepth proprietà restituisce il numero di bit utilizzati per visualizzare un colore.
Tutti i computer moderni usano 24 bit o hardware a 32 bit per la risoluzione di colore:
- 24 bit = 16.777.216 diversi "True Colors"
- 32 bit = 4294967296 diversi "colori profondi"
vecchi computer utilizzati 16 bit: 65.536 diversa risoluzione "alti colori".
Molto vecchi computer e telefoni cellulari vecchi utilizzati 8 bit: 256 diversi "colori VGA".
Esempio
Visualizzare la profondità di colore dello schermo in bit:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Il risultato sarà:
Screen Color Depth: 24 Prova tu stesso " I #rrggbb (rgb) valori utilizzati in HTML rappresenta "True Colors" ( 16,777,216 colori differenti)
Window Screen Pixel Profondità
La screen.pixelDepth proprietà restituisce la profondità di pixel dello schermo.
Esempio
Visualizzare la profondità di pixel dello schermo in bit:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Il risultato sarà:
Screen Pixel Depth: 24 Prova tu stesso " Per i computer moderni, profondità di colore e Profondità pixel sono uguali.