Sec-CH-Viewport-Height 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-Height Request-Header ist ein Client-Hint für Geräte, der die Höhe des Layout-Viewports des Clients in CSS-Pixeln liefert.
Der Wert wird auf die nächstgrößere ganze Zahl aufgerundet (d.h. Deckenwert).
Der Hint kann zusammen mit anderen bildschirm-spezifischen Hints verwendet werden, um Bilder für eine bestimmte Bildschirmgröße zu optimieren oder um Ressourcen wegzulassen, die für eine bestimmte Bildschirmhöhe nicht benötigt werden.
Erscheint der Sec-CH-Viewport-Height Header mehr als einmal in einer Nachricht, wird das letzte Vorkommen benutzt.
Ein Server muss sich entscheiden, den Sec-CH-Viewport-Height Header vom Client zu empfangen, indem er den Accept-CH Antwort-Header sendet.
Server, die sich entscheiden, werden ihn typischerweise auch im Vary Header spezifizieren, was Caches informiert, dass der Server unterschiedliche Antworten basierend auf dem Header-Wert einer Anfrage senden kann.
| Header-Typ | Request-Header, Client Hint |
|---|---|
| Verbotener Request-Header | Nein |
Syntax
Sec-CH-Viewport-Height: <number>
Direktiven
<number>-
Die Höhe des Viewports des Benutzers in CSS-Pixeln, aufgerundet auf die nächste ganze Zahl.
Beispiele
Verwendung von Sec-CH-Viewport-Height
Ein Server muss sich zunächst entscheiden, den Sec-CH-Viewport-Height Header zu empfangen, indem er den Antwort-Header Accept-CH mit der Direktive Sec-CH-Viewport-Height sendet.
Accept-CH: Sec-CH-Viewport-Height
In nachfolgenden Anfragen könnte der Client den Sec-CH-Viewport-Height Header senden:
Sec-CH-Viewport-Height: 480
Spezifikationen
| Specification |
|---|
| Responsive Image Client Hints # sec-ch-viewport-height |
Browser-Kompatibilität
Siehe auch
- Verbesserung der Benutzer-Privatsphäre und der Entwickler-Erfahrung mit User-Agent Client Hints (developer.chrome.com)
- Geräte- und responsive Bild-Client-Hints
Accept-CH- HTTP-Caching: Vary und
VaryHeader