Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Sec-CH-Viewport-Height header
Sicherer Kontext: Diese Funktion ist nur insicheren Kontexten (HTTPS) in einigen oder allenunterstützenden Browsern verfügbar.
Experimentell:Dies ist eineexperimentelle Technologie
Überprüfen Sie dieBrowser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Der HTTPSec-CH-Viewport-HeightRequest-Header ist einClient-Hint für Geräte, der die Höhe des Layout-Viewports des Clients inCSS-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 derSec-CH-Viewport-Height Header mehr als einmal in einer Nachricht, wird das letzte Vorkommen benutzt.
Ein Server muss sich entscheiden, denSec-CH-Viewport-Height Header vom Client zu empfangen, indem er denAccept-CH Antwort-Header sendet.Server, die sich entscheiden, werden ihn typischerweise auch imVary 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 |
In diesem Artikel
Syntax
Sec-CH-Viewport-Height: <number>Direktiven
<number>Die Höhe des Viewports des Benutzers inCSS-Pixeln, aufgerundet auf die nächste ganze Zahl.
Beispiele
>Verwendung von Sec-CH-Viewport-Height
Ein Server muss sich zunächst entscheiden, denSec-CH-Viewport-Height Header zu empfangen, indem er den Antwort-HeaderAccept-CH mit der DirektiveSec-CH-Viewport-Height sendet.
Accept-CH: Sec-CH-Viewport-HeightIn nachfolgenden Anfragen könnte der Client denSec-CH-Viewport-Height Header senden:
Sec-CH-Viewport-Height: 480Spezifikationen
| 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