Sec-CH-Viewport-Width header
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Der HTTP Sec-CH-Viewport-Width Request-Header ist ein Client-Hint für Geräte, der die Breite des Layout-Viewports des Clients in CSS-Pixeln bereitstellt. Der Wert wird auf die nächstgrößere ganze Zahl aufgerundet (d.h. Deckenwert).
Der Hint kann zusammen mit anderen bildschirmbezogenen Hints verwendet werden, um Bilder bereitzustellen, die für eine bestimmte Bildschirmgröße optimiert sind, oder um Ressourcen wegzulassen, die für eine bestimmte Bildschirmbreite nicht benötigt werden. Wenn der Sec-CH-Viewport-Width-Header mehrmals in einer Nachricht erscheint, wird die letzte Vorkommen verwendet.
Ein Server muss sich dafür entscheiden, den Sec-CH-Viewport-Width-Header vom Client zu empfangen, indem er den Accept-CH-Response-Header sendet. Server, die diese Entscheidung treffen, spezifizieren diesen Header typischerweise auch im Vary-Header, der Caches darüber informiert, dass der Server je nach Header-Wert in einer Anfrage unterschiedliche Antworten senden kann.
| Header-Typ | Request-Header, Client-Hint |
|---|---|
| Verbotener Request-Header | Nein |
Syntax
Sec-CH-Viewport-Width: <number>
Direktiven
<number>-
Die Breite des Viewports des Benutzers in CSS-Pixeln, auf die nächste ganze Zahl aufgerundet.
Beispiele
Verwendung von Sec-CH-Viewport-Width
Ein Server muss zuerst optieren, um den Sec-CH-Viewport-Width-Header zu empfangen, indem er den Response-Header Accept-CH sendet, der die Direktive Sec-CH-Viewport-Width enthält.
Accept-CH: Sec-CH-Viewport-Width
In nachfolgenden Anfragen könnte der Client den Sec-CH-Viewport-Width-Header senden:
Sec-CH-Viewport-Width: 320
Browser-Kompatibilität
Siehe auch
- Verbesserung von Benutzer-Datenschutz und Entwicklererlebnis mit User-Agent Client Hints (developer.chrome.com)
- Geräte- und responsive Bild-Client-Hints
Accept-CH- HTTP-Caching: Vary und
Vary-Header