HTTP Sec-CH-UA-Form-Factors Header

Der HTTP-Header Sec-CH-UA-Form-Factors ist ein High-Entropy Request-Header aus den User Agent Client Hints, der die Gerätetypen (Form Factors) übermittelt. Server können damit spezifische Layouts für Desktop, Tablet, Wearables oder XR-Geräte ausliefern, ergänzend zur reinen Mobile/Non-Mobile-Unterscheidung.

Typ

Request-Header

Syntax

Der Header listet Form Factors als strukturierte Liste von Quoted Strings.

http 
Sec-CH-UA-Form-Factors: "Desktop"
Sec-CH-UA-Form-Factors: "Tablet", "Automotive"

Direktiven

Die Direktiven definieren die physischen Form Factors des Geräts für präzises Responsive Design.

"Desktop"
Traditioneller Desktop oder Laptop Computer mit Tastatur und Maus-Eingabe. Große Bildschirme, typisch 1920×1080 oder höher.
"Tablet"
Tablet-Gerät mit Touch-Eingabe, typisch 7-13 Zoll Display. Hybrid zwischen Mobile und Desktop, oft mit Stylus-Support.
"Wearable"
Smartwatch oder Fitness-Tracker mit sehr kleinem Display unter 2 Zoll. Erfordert stark vereinfachtes UI mit großen Touch-Targets.
"Automotive"
In-Vehicle Infotainment System. Erfordert ablenkungsfreies Design für Fahrer-Sicherheit, große Touch-Buttons.
"XR"
Extended Reality Geräte wie VR-Headsets oder AR-Brillen. 3D-Interfaces, Spatial Computing, Voice- und Gesture-Input.

Beispiele

Nachfolgend finden Sie praktische Anwendungsbeispiele für den Sec-CH-UA-Form-Factors-Header.

Beispiel 1 Tablet-optimiertes Layout

http 
GET /webapp HTTP/1.1
Host: app.example.com
Sec-CH-UA-Form-Factors: "Tablet"
Sec-CH-UA-Mobile: ?0

iPad sendet Tablet Form Factor, Server liefert Layout mit Sidebar statt Full-Desktop oder Stacked-Mobile-View für optimale Nutzung der Bildschirmgröße.

Beispiel 2 Automotive Dashboard UI

http 
GET /navigation HTTP/1.1
Host: maps.example.com
Sec-CH-UA-Form-Factors: "Automotive"

Car Infotainment System erhält vereinfachtes Interface mit 44pt Touch-Targets, hohem Kontrast und minimalen Ablenkungen gemäß Driver Distraction Guidelines.

Beispiel 3 XR Spatial Interface

http 
GET /vr/experience HTTP/1.1
Host: metaverse.example.com
Sec-CH-UA-Form-Factors: "XR"
Sec-CH-UA-Platform: "Quest"

HTTP/1.1 200 OK
Content-Type: model/gltf-binary
Vary: Sec-CH-UA-Form-Factors

VR-Headset erhält 3D-GLTF-Model statt 2D-HTML für immersive Spatial Experience mit 6-DOF-Interaction.

Form Factor Adaptation Flow

Form Factor Client Hint Ablauf

Vorteile für die Systemarchitektur

  • Präzises Responsive Design: Unterscheidung zwischen Tablet und Mobile vermeidet Fehl-Annahmen basierend nur auf Viewport-Width
  • Safety-Critical Interfaces: Automotive Form Factor ermöglicht regelkonforme UIs für In-Car-Systeme nach ISO 15005 Standards
  • Emerging Platforms: XR und Wearable Form Factors bereiten auf Spatial Computing und Next-Gen Interfaces vor

Spezifikation

User-Agent Client Hints – WICG Draft https://wicg.github.io/ua-client-hints/

Weitere Spezifikationen

Sec-CH-UA Header, Accept-CH Header