ScreenDetailed - Web-APIs | MDN

Instanz-Eigenschaften

Erbt Eigenschaften von seinem Elternteil, Screen.

availLeft Schreibgeschützt Experimentell

Eine Zahl, die die x-Koordinate (linke Kante) des verfügbaren Bildschirmbereichs darstellt.

availTop Schreibgeschützt Experimentell

Eine Zahl, die die y-Koordinate (obere Kante) des verfügbaren Bildschirmbereichs darstellt.

devicePixelRatio Schreibgeschützt Experimentell

Eine Zahl, die das Geräte-Pixelverhältnis des Bildschirms repräsentiert.

isInternal Schreibgeschützt Experimentell

Ein Boolean, der anzeigt, ob der Bildschirm intern für das Gerät oder extern ist.

isPrimary Schreibgeschützt Experimentell

Ein Boolean, der anzeigt, ob der Bildschirm als primärer Bildschirm des Betriebssystems (OS) festgelegt ist oder nicht.

label Schreibgeschützt Experimentell

Ein String, der eine beschreibende Bezeichnung für den Bildschirm bereitstellt, zum Beispiel "Eingebautes Retina Display".

left Schreibgeschützt Experimentell

Eine Zahl, die die x-Koordinate (linke Kante) des gesamten Bildschirmbereichs darstellt.

top Schreibgeschützt Experimentell

Eine Zahl, die die y-Koordinate (obere Kante) des gesamten Bildschirmbereichs darstellt.

Ereignisse

Erbt Ereignisse von seinem Elternteil, Screen.

change Experimentell

Wird auf einem spezifischen Bildschirm ausgelöst, wenn sich eine Eigenschaft des Bildschirms ändert – Breite oder Höhe, verfügbare Breite oder verfügbare Höhe, Farbtiefe oder Ausrichtung, Bildschirmposition und verfügbare Bildschirmposition, Geräte-Pixelverhältnis, Bezeichnung oder Bildschirmzuweisung.

Beispiele

Wenn Window.getScreenDetails() aufgerufen wird, wird der Nutzer um Erlaubnis gebeten, Fenster auf all seinen Bildschirmen zu verwalten (der Status dieser Berechtigung kann mit Permissions.query() abgefragt werden, um window-management zu überprüfen). Erteilt der Nutzer die Erlaubnis, enthält das resultierende ScreenDetails-Objekt ScreenDetailed-Objekte, die alle dem System des Nutzers zur Verfügung stehenden Bildschirme repräsentieren.

Das folgende Beispiel öffnet ein Fenster in der oberen linken Ecke des primären OS-Bildschirms:

js

// Return ScreenDetails
const allScreens = await window.getScreenDetails();

// Return the primary screen ScreenDetailed object
const primaryScreenDetailed = allScreens.screens.find(
  (screenDetailed) => screenDetailed.isPrimary,
);

// Open a window in the top-left corner of the OS primary screen
window.open(
  "https://example.com",
  "_blank",
  `left=${primaryScreenDetailed.availLeft},
   top=${primaryScreenDetailed.availTop},
   width=200,
   height=200`,
);

Spezifikationen

Spezifikation
Window Management
# api-screendetailed-interface

Browser-Kompatibilität

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.