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 herkömmlicher flacher Bildschirm oder wie ein Buch verwendet werden. Darüber hinaus verfügen einige Geräte über einen einzigen faltbaren Bildschirm, während andere zwei Bildschirme mit einem Scharnier in der Mitte haben. Es ist darauf zu achten, dass der physische Übergang keine Inhalte verdeckt oder diese wegen der Nähe zur zentralen Falte schwer lesbar sind.
Die Device Posture API definiert Posturen, die den aktuellen physischen Faltzustand eines Geräts anzeigen. Die derzeit verfügbaren Posturen sind:
continuous-
Gibt einen flachen Bildschirmzustand an. Faltbare Geräte sind
continuous, wenn sie flach sind; entweder vollständig geöffnet oder vollständig geschlossen. Geräte, die nicht faltbar sind, gelten als flach und sind daher immercontinuous— dies schließt nahtlose gebogene Displays sowie Standard-Desktop-, Laptop-, Tablet- und Mobilbildschirme ein.
folded-
Gibt einen gefalteten Bildschirmzustand an. Faltbare Geräte sind
folded, wenn sie in einer Buch- oder Laptop-Haltung verwendet werden.
Die Device Posture API umfasst Funktionen, mit denen Sie Skripte ausführen und Layouts abhängig von der aktuellen Haltung des Geräts und deren Ä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
typeder Haltung sowie einchange-Ereignis, das bei einer Haltungsänderung ausgelöst wird.
Erweiterungen anderer Schnittstellen
-
Der Einstiegspunkt für die Device Posture API — gibt das
DevicePosture-Objekt des Browsers zurück.
Beispiele
Ein vollständiges Beispiel, das alle Funktionen in Aktion zeigt, finden Sie in der Device Posture API-Demo.
Wenn möglich, sollten Sie diese auf einem faltbaren Gerät betrachten. Aktuelle Entwicklertools für Browser ermöglichen die Emulation faltbarer Geräte, jedoch nicht von teilweise gefalteten Geräten – nur vollständig geöffnet oder geschlossen – sodass diese immer continuous zurückgeben.
Spezifikationen
| Specification |
|---|
| Device Posture API # dom-deviceposture |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Origin trial for Foldable APIs auf developer.chrome.com (2024)