JavaScript Window Screen

Das "window.screen"-Objekt enthält Informationen über das Benutzerbildschirm.

Window Screen

window.screen Das Objekt kann auch ohne "window"-Präfix geschrieben werden:

Eigenschaft:

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

Window Screen Breite

screen.width Das Attribut gibt die Breite des Bildschirms des Besuchers in Pixel an.

Beispiel

Zeige die Bildschirmbreite in Pixel an:

document.getElementById("demo").innerHTML = "Bildschirmbreite: " + screen.width;

Das Ergebnis wird sein:




Probieren Sie es selbst aus






Window Screen Höhe


screen.height Das Attribut gibt die Höhe des Bildschirms des Besuchers in Pixel an.


Beispiel


Zeige die Bildschirmhöhe in Pixel an:


document.getElementById("demo").innerHTML = "Bildschirmhöhe: " + screen.height;



Das Ergebnis wird sein:





Probieren Sie es selbst aus






Window Screen Verfügbare Breite


screen.availWidth Das Attribut gibt die Breite des Bildschirms des Besuchers in Pixel an, abzüglich solcher Benutzeroberflächenelemente wie Fensterrahmen.


Beispiel


Zeige die verfügbare Bildschirmbreite in Pixel an:


document.getElementById("demo").innerHTML = "Verfügbare Bildschirmbreite: " + screen.availWidth;



Das Ergebnis wird sein:





Probieren Sie es selbst aus






Window Screen Verfügbare Höhe


screen.availHeight Das Attribut gibt die Höhe des Bildschirms des Besuchers in Pixel an, abzüglich solcher Benutzeroberflächenelemente wie Fensterrahmen.


Beispiel


Zeige die verfügbare Bildschirmhöhe in Pixel an:


document.getElementById("demo").innerHTML = "Verfügbare Bildschirmhöhe: " + screen.availHeight;



Das Ergebnis wird sein:





Probieren Sie es selbst aus






Window Screen Farbtiefe


screen.colorDepth Das Attribut gibt die Anzahl der Bits an, die für die Anzeige einer Farbe verwendet werden.


Alle modernen Computer verwenden 24 oder 32 Bit Hardware-Auflösung für Farben:


    

  • 24 bits = 16.777.216 verschiedene "True Colors"
    • 

  • 32 bits = 4.294.967.296 verschiedene "Deep Colors"
    • 



Altere Computer verwenden 14 Bit: 65,536 verschiedene "High Colors" Auflösung.


Sehr alte Computer und alte Handys verwenden 8 Bit: 256 verschiedene "VGA colors".


Beispiel


Zeige die Bildschirmfarbtiefe in Bits an:


document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth;



Das Ergebnis wird sein:





Probieren Sie es selbst aus


Die im HTML verwendeten #rrggbb (rgb)-Werte stellen "True Colors" (16,777,216 verschiedene Farben) dar.






Window Screen Pixel Tiefe


screen.pixelDepth Das Attribut gibt die Bildschirmpixeltiefe zurück.


Beispiel


Zeige die Bildschirmpixeltiefe in Bits an:


document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;



Das Ergebnis wird sein:





Probieren Sie es selbst aus


Für moderne Computer sind die Farbtiefe und die Pixeltiefe gleich.