Viewport-Width header
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
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 als Sec-CH-Viewport-Width standardisiert und der neue Name wird nun bevorzugt.
Der HTTP Viewport-Width Request-Header ist ein Device-Client-Hint, der die Layout-Viewport-Breite des Clients in CSS-Pixel angibt.
Der Wert wird aufgerundet auf die kleinste folgende ganze Zahl (d.h. auf den nächsten ganzzahligen Wert).
Der 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 wegzulassen, die für eine bestimmte Bildschirmbreite nicht benötigt werden.
Erscheint der Viewport-Width-Header mehrmals in einer Nachricht, wird das letzte Auftreten verwendet.
Ein Server muss sich entscheiden, den Viewport-Width-Header vom Client zu empfangen, indem er den Antwort-Header Accept-CH sendet.
Server, die sich dafür entscheiden, werden ihn typischerweise auch im Vary-Header angeben, der Caches informiert, dass der Server unterschiedliche Antworten basierend auf dem Header-Wert in einer Anfrage senden kann.
| Header-Typ | Request-Header, Client-Hint |
|---|---|
| Verbotener Anfrage-Header | Nein |
Syntax
Viewport-Width: <number>
Direktiven
Beispiele
Verwendung von Viewport-Width
Ein Server muss sich zuerst entscheiden, den Viewport-Width-Header zu empfangen, indem er den Antwort-Header Accept-CH sendet, der die Direktive Viewport-Width enthält.
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 der Entwicklererfahrung mit User-Agent Client Hints (developer.chrome.com)
- Device- und responsive Image-Client-Hints
Accept-CH- HTTP Caching: Vary und
Vary-Header