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 Anforderungs-Header ist ein Client-Hinweis des Geräts, der die Breite des Layout-Viewports des Clients in CSS-Pixeln angibt. Der Wert wird auf die kleinste folgende Ganzzahl aufgerundet (d.h. auf den Deckenwert).
Der Hinweis kann mit anderen bildschirmbezogenen Hinweisen genutzt werden, um Bilder bereitzustellen, die für eine bestimmte Bildschirmgröße optimiert sind, oder um Ressourcen auszulassen, die für eine bestimmte Bildschirmbreite nicht benötigt werden. Wenn der Sec-CH-Viewport-Width-Header mehrmals in einer Nachricht erscheint, wird das letzte Vorkommen verwendet.
Ein Server muss zustimmen, den Sec-CH-Viewport-Width-Header vom Client zu erhalten, indem er den Accept-CH Antwort-Header sendet. Server, die sich dafür entscheiden, geben diesen typischerweise auch im Vary Header an, der Caches darüber informiert, dass der Server möglicherweise unterschiedliche Antworten basierend auf dem Header-Wert in einer Anfrage sendet.
| Header-Typ | Anforderungs-Header, Client-Hinweis |
|---|---|
| Verbotener Anforderungs-Header | Nein |
Syntax
Sec-CH-Viewport-Width: <number>
Direktiven
<number>-
Die Breite des Viewports des Benutzers in CSS-Pixeln, auf die nächste Ganzzahl aufgerundet.
Beispiele
Verwendung von Sec-CH-Viewport-Width
Ein Server muss zuerst der Empfang des Sec-CH-Viewport-Width-Headers zustimmen, indem er den Antwort-Header Accept-CH mit der Direktive Sec-CH-Viewport-Width sendet.
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
Spezifikationen
| Specification |
|---|
| Responsive Image Client Hints # sec-ch-viewport-width |
Browser-Kompatibilität
Siehe auch
- Verbesserung der Privatsphäre der Benutzer und der Entwicklererfahrung mit User-Agent-Client-Hinweisen (developer.chrome.com)
- Geräte- und responsive Bild-Client-Hinweise
Accept-CH- HTTP-Caching: Vary und
Vary-Header