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 Layout-Viewport-Höhe des Clients in CSS-Pixeln angibt. Der Wert wird auf die nächste höhere ganze Zahl aufgerundet (d.h. Deckwert).
Der Hint kann zusammen mit anderen bildschirmbezogenen Hints genutzt werden, um Bilder bereitzustellen, die für eine bestimmte Bildschirmgröße optimiert sind, oder um Ressourcen auszulassen, die für eine bestimmte Bildschirmhöhe nicht benötigt werden. Wenn der Sec-CH-Viewport-Height-Header mehrmals in einer Nachricht erscheint, wird das letzte Vorkommen verwendet.
Ein Server muss sich dafür entscheiden, den Sec-CH-Viewport-Height-Header vom Client zu empfangen, indem er den Accept-CH-Antwort-Header sendet. Server, die sich dafür entscheiden, geben diesen in der Regel auch im Vary-Header an, der Caches darüber informiert, dass der Server je nach dem Header-Wert in einer Anfrage unterschiedliche Antworten 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, auf die nächste ganze Zahl aufgerundet.
Beispiele
Verwendung von Sec-CH-Viewport-Height
Ein Server muss zuerst optieren, um den Sec-CH-Viewport-Height-Header zu empfangen, indem er den Antwort-Header Accept-CH sendet, der die Direktive Sec-CH-Viewport-Height beinhaltet.
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
Browser-Kompatibilität
Siehe auch
- Benutzerfreundlichkeit und Entwicklererfahrung verbessern mit User-Agent Client Hints (developer.chrome.com)
- Gerät und responsive Bild-Client-Hints
Accept-CH- HTTP-Caching: Vary und
Vary-Header