DieDevice 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 definiertPosturen, die den aktuellen physischen Faltzustand eines Geräts anzeigen. Die derzeit verfügbaren Posturen sind:

continuous

Gibt einen flachen Bildschirmzustand an. Faltbare Geräte sindcontinuous, 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 sindfolded, 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 aktuellentype der Haltung sowie einchange-Ereignis, das bei einer Haltungsänderung ausgelöst wird.

Erweiterungen anderer Schnittstellen

Navigator.devicePosture

Der Einstiegspunkt für die Device Posture API — gibt dasDevicePosture-Objekt des Browsers zurück.

Beispiele

Ein vollständiges Beispiel, das alle Funktionen in Aktion zeigt, finden Sie in derDevice 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 immercontinuous zurückgeben.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Origin trial for Foldable APIs auf developer.chrome.com (2024)