Viewport-Width header
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Warnung:
Der Viewport-Width Header wurde in Sec-CH-Viewport-Width umbenannt und der neue Name wird nun bevorzugt.
Der HTTP Viewport-Width Request-Header ist ein Device-Client-Hint, der die Breite des Layout-Viewports des Clients in CSS-Pixel bereitstellt. Der Wert wird auf die kleinste nachfolgende ganze Zahl aufgerundet (d.h. auf den Ceiling-Wert).
Dieser Hinweis kann zusammen mit anderen bildschirmbezogenen Hinweisen verwendet werden, um Bilder zu liefern, die für eine bestimmte Bildschirmgröße optimiert sind, oder um Ressourcen auszulassen, die für eine bestimmte Bildschirmbreite nicht benötigt werden. Erscheint der Viewport-Width Header mehr als einmal in einer Nachricht, wird der letzte Vorkommen verwendet.
Ein Server muss sich entscheiden, den Viewport-Width Header vom Client zu empfangen, indem er den Accept-CH Response-Header sendet. Server, die sich dafür entscheiden, geben ihn typischerweise auch im Vary Header an, welcher Caches darüber informiert, dass der Server unterschiedliche Antworten basierend auf dem Header-Wert in einer Anfrage senden kann.
| Header-Typ | Request-Header, Client-Hint |
|---|---|
| Verbotener Request-Header | Nein |
Syntax
Viewport-Width: <number>
Direktiven
Beispiele
Verwendung von Viewport-Width
Ein Server muss zuerst die Empfängnis des Viewport-Width Headers erlauben, indem er den Response-Header Accept-CH mit der Direktive Viewport-Width sendet.
Accept-CH: Viewport-Width
In nachfolgenden Anfragen könnte der Client den Viewport-Width Header senden:
Viewport-Width: 320
Browser-Kompatibilität
Siehe auch
- Verbesserung der Benutzerprivatsphäre und Entwicklererfahrung mit User-Agent Client Hints (developer.chrome.com)
- Device-Client-Hints
Sec-CH-Viewport-WidthSec-CH-Viewport-HeightSec-CH-Device-MemorySec-CH-DPRDPRVeraltetContent-DPRVeraltetDevice-MemoryVeraltetWidthVeraltet
Accept-CH- HTTP-Caching: Vary und
VaryHeader