Device Posture API
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die Device Posture API ermöglicht es Entwicklern, Benutzeroberflächen zu erstellen, die sich an die Haltung eines faltbaren Geräts anpassen und auf Haltungsänderungen reagieren.
Konzepte und Verwendung
Faltbare Geräte stellen Entwickler vor einzigartige Designherausforderungen – sie können wie ein normaler Flachbildschirm oder wie ein Buch verwendet werden. Darüber hinaus verfügen einige über einen einzigen gefalteten Bildschirm, während andere zwei Bildschirme mit einem Scharnier in der Mitte haben. Es muss darauf geachtet werden, dass der Inhalt nicht durch das physische Scharnier verdeckt wird oder aufgrund der Nähe zur zentralen Falte schwer lesbar ist.
Die Device Posture API definiert Haltungen, die den aktuellen physischen Faltzustand eines Geräts anzeigen. Die derzeit verfügbaren Haltungen sind:
continuous-
Zeigt einen Flachbildschirmzustand an. Faltbare Geräte sind
continuous, während sie flach sind; entweder vollständig geöffnet oder vollständig geschlossen. Nicht faltbare Geräte werden als flach betrachtet und sind daher immercontinuous– dies schließt nahtlose gebogene Displays sowie Standard-Desktop-, Laptop-, Tablet- und Mobilbildschirme ein.
folded-
Zeigt einen gefalteten Bildschirmzustand an. Faltbare Geräte sind
folded, während sie in einer Buch- oder Laptop-Haltung verwendet werden.
Die Device Posture API enthält Funktionen, mit denen Sie Skripte ausführen und Layouts je nach aktueller Gerätehaltung und Haltungsänderungen variieren können.
CSS-Funktionen
device-posture@media-Funktion-
Erkennt die aktuelle Haltung des Geräts.
Schnittstellen
DevicePosture-
Repräsentiert die Haltung des Geräts und bietet Zugriff auf den aktuellen Haltungstyp und ein
change-Ereignis, das bei einer Haltungsänderung ausgelöst wird.
Erweiterungen zu anderen Schnittstellen
-
Der Einstiegspunkt für die Device Posture API – gibt das
DevicePosture-Objekt des Browsers zurück.
Beispiele
Ein vollständiges Beispiel mit allen Funktionen finden Sie im Demo zur Device Posture API.
Wenn möglich, sollten Sie dies auf einem faltbaren Gerät ansehen. Aktuelle Entwicklertools des Browsers ermöglichen die Emulation faltbarer Geräte, beinhalten jedoch keine Emulation teilweise gefalteter Geräte – nur vollständig geöffnete oder geschlossene – daher wird immer continuous zurückgegeben.
Spezifikationen
| Specification |
|---|
| Device Posture API # dom-deviceposture |
Browser-Kompatibilität
Siehe auch
- Viewport Segments API
- Origin trial für Foldable APIs auf developer.chrome.com (2024)