JavaScript/Screen

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit dem Objekt screen können Sie Angaben zum Bildschirm des Anwenders ermitteln.

Diese Angaben werden 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

[Bearbeiten] Eigenschaften

[Bearbeiten] 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 800x600 oder 1024x768.

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Schnell‑Index
Mitmachen
Werkzeuge
Spenden
SELFHTML