Schermo Window JavaScript

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

Schermo della finestra

window.screen L'oggetto può essere scritto anche senza prefisso window:

Proprietà:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Larghezza dello schermo della finestra

screen.width L'attributo restituisce la larghezza dello schermo dell'utente in pixel.

Esempio

Visualizza la larghezza dello schermo in pixel:

document.getElementById("demo").innerHTML = "Larghezza dello schermo: " + screen.width;

Il risultato sarà:




Prova personalmente






Altezza dello schermo della finestra


screen.height L'attributo restituisce l'altezza dello schermo dell'utente in pixel.


Esempio


Visualizza l'altezza dello schermo in pixel:


document.getElementById("demo").innerHTML = "Altezza dello schermo: " + screen.height;



Il risultato sarà:





Prova personalmente






Larghezza disponibile dello schermo della finestra


screen.availWidth L'attributo restituisce la larghezza dello schermo dell'utente in pixel, sottratti le caratteristiche dell'interfaccia utente come la barra degli strumenti della finestra.


Esempio


Visualizza la larghezza disponibile dello schermo in pixel:


document.getElementById("demo").innerHTML = "Larghezza dello schermo disponibile: " + screen.availWidth;



Il risultato sarà:





Prova personalmente






Altezza disponibile dello schermo della finestra


screen.availHeight L'attributo restituisce l'altezza dello schermo dell'utente in pixel, sottratti le caratteristiche dell'interfaccia utente come la barra degli strumenti della finestra.


Esempio


Visualizza l'altezza disponibile dello schermo in pixel:


document.getElementById("demo").innerHTML = "Altezza dello schermo disponibile: " + screen.availHeight;



Il risultato sarà:





Prova personalmente






Profondità di colore dello schermo della finestra


screen.colorDepth L'attributo restituisce il numero di bit utilizzati per visualizzare un colore.


Tutti i computer moderni utilizzano una risoluzione di colore hardware di 24 o 32 bit:


    

  • 24 bit = 16,777,216 diversi "True Colors"
    • 

  • 32 bit = 4,294,967,296 diversi "Deep Colors"
    • 



Computer più vecchi utilizzano 14 bit: 65,536 risoluzioni "High Colors" diverse.


Computer molto vecchi e vecchi telefoni mobili utilizzano 8 bit: 256 colori "VGA" diversi.


Esempio


Visualizza la profondità di colore dello schermo in bit:


document.getElementById("demo").innerHTML = "Profondità di Colore Schermo: " + screen.colorDepth;



Il risultato sarà:





Prova personalmente


I valori #rrggbb (rgb) utilizzati in HTML rappresentano "True Colors" (16,777,216 colori diversi).






Profondità di Pixel Schermo Window


screen.pixelDepth L'attributo restituisce la profondità di pixel dello schermo.


Esempio


Visualizza la profondità di pixel dello schermo in bit:


document.getElementById("demo").innerHTML = "Profondità di Pixel Schermo: " + screen.pixelDepth;



Il risultato sarà:





Prova personalmente


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