JavaScript/Screen

Mit dem Screen-Objekt können Sie Angaben zum Bildschirm des Anwenders ermitteln. Diese Angaben wurden früher oft dazu verwendet, das Layout einer Web-Seite oder die Fenstergröße an die zur Verfügung stehenden Bildschirmgröße anzupassen. Das screen-Objekt liefert jedoch im Hinblick darauf unzuverlässige Werte, daher hat seine Bedeutung abgenommen.

Das Auslesen der Größe desjenigen Bereiches im Browserfenster, in dem letztlich die Web-Seite letztendlich dargestellt wird, ist z. B. über window.innerWidth und document.body.offsetWidth möglich.

Hinweis:

Ein an den Viewport angepasstes Layout erreichen Sie auch mit CSS/Media Queries

Eigenschaften

• availHeight (verfügbare Höhe)
• availWidth (verfügbare Breite)
• colorDepth (Farbtiefe)
• height (Höhe)
• pixelDepth (Farbauflösung)
• width (Breite)

Allgemeines zur Verwendung

Beispiel

console.info(`${ screen.width } × ${ screen.height }`);

Das Beispiel gibt beim Einlesen der Datei Breite (screen.width) mal Höhe (screen.height) des Anwenderbildschirms aus. Es handelt sich dabei um die Angabe in Pixeln, Ergebnisse sind also etwa 1024x768 oder 1920x1080.