JavaScript-Fensterbildschirm


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


Das window.screen-Objekt enthält Informationen über den Bildschirm des Benutzers.


Fensterscheibe

Das window.screen-Objekt kann ohne das Fensterpräfix geschrieben werden.

Eigenschaften:

  • screen.width

  • screen.height

  • screen.availWidth

  • screen.availHeight

  • screen.colorDepth

  • screen.pixelDepth


Breite des Fensterbildschirms

Die Eigenschaft screen.width gibt die Breite des Besucherbildschirms zurück Pixel.

Beispiel

Zeigt die Breite des Bildschirms in Pixel an:

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

Das Ergebnis wird sein:

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Screen width is " + screen.width;
</script>

</body>
</html>

Höhe des Fensterbildschirms

Die Eigenschaft screen.height gibt die Höhe des Besucherbildschirms in Pixel zurück.

Beispiel

Zeigt die Höhe des Bildschirms in Pixel an:

document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;

Das Ergebnis wird sein:

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Screen height is " + screen.height;
</script>

</body>
</html>


Verfügbare Breite des Fensterbildschirms

Die Eigenschaft screen.availWidth gibt die Breite des Besucherbildschirms in zurück Pixel, minus Schnittstellenfunktionen wie die Windows-Taskleiste.

Beispiel

Zeigt die verfügbare Breite des Bildschirms in Pixel an:

document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;

Das Ergebnis wird sein:

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Available screen width is " + screen.availWidth;
</script>

</body>
</html>

Verfügbare Höhe des Fenstergitters

Die Eigenschaft screen.availHeight gibt die Höhe des Besucherbildschirms zurück. in Pixel, abzüglich Schnittstellenfunktionen wie der Windows-Taskleiste.

Beispiel

Zeigt die verfügbare Höhe des Bildschirms in Pixel an:

document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;

Das Ergebnis wird sein:

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Available screen height is " + screen.availHeight;
</script>

</body>
</html>

Farbtiefe des Fensterbildschirms

Die Eigenschaft screen.colorDepth gibt die Anzahl der Bits zurück, die zum Anzeigen einer Farbe verwendet werden.

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

  • 24 Bit = 16.777.216 verschiedene „True Colors“

  • 32 Bit=4.294.967.296 verschiedene „Deep Colors“

Ältere Computer verwendeten 16 Bit: 65.536 verschiedene „High Colors“-Auflösung.

Sehr alte Computer und alte Mobiltelefone verwendeten 8 Bit: 256 verschiedene „VGA-Farben“.

Beispiel

Zeigt die Farbtiefe des Bildschirms in Bits an:

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

Das Ergebnis wird sein:

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Screen color depth is " + screen.colorDepth;
</script>

</body>
</html>

Die in HTML verwendeten #rrggbb (rgb)-Werte stellen „True Colors“ (16.777.216 verschiedene Farben) dar.


Pixeltiefe des Fensterbildschirms

Die Eigenschaft screen.pixelDepth gibt die Pixeltiefe des Bildschirms zurück.

Beispiel

Zeigt die Pixeltiefe des Bildschirms in Bits an:

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

Das Ergebnis wird sein:

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Screen pixel depth is " + screen.pixelDepth;
</script>

</body>
</html>

Bei modernen Computern sind Farbtiefe und Pixeltiefe gleich.