Viewport-Width

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Nicht standardisiert: Diese Funktion ist nicht standardisiert und befindet sich nicht auf dem Weg zur Standardisierung. Verwenden Sie sie nicht auf Produktionsseiten, die dem Web ausgesetzt sind: Sie funktioniert nicht für alle Benutzer. Es kann auch große Inkompatibilitäten zwischen Implementierungen geben, und das Verhalten kann sich in Zukunft ändern.

Warnung: Der Viewport-Width-Header wurde aus der Spezifikation der Client-Hints in draft-ietf-httpbis-client-hints-07 entfernt. Der vorgeschlagene Ersatz ist Sec-CH-Viewport-Width (Responsive Image Client Hints).

Der HTTP Viewport-Width Request-Header ist ein Device Client Hint, der die Layout-Viewport-Breite des Clients in CSS-Pixeln angibt. Der Wert wird auf die nächste ganze Zahl aufgerundet (d.h. auf den nächsten höheren Wert).

Der Hint kann zusammen mit anderen bildschirmbezogenen Hinweisen verwendet werden, um Bilder zu liefern, die für eine bestimmte Bildschirmgröße optimiert sind, oder um Ressourcen zu weglassen, die für eine bestimmte Bildschirmbreite nicht benötigt werden. Wenn der Viewport-Width-Header mehr als einmal in einer Nachricht erscheint, wird das letzte Vorkommen verwendet.

Ein Server muss sich dafür entscheiden, den Viewport-Width-Header vom Client zu empfangen, indem er den Accept-CH-Antwort-Header sendet. Server, die sich dafür entscheiden, geben diesen Header typischerweise auch im Vary-Header an, was 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 Header-Name Nein

Syntax

http
Viewport-Width: <number>

Direktiven

<number>

Die Breite des Viewports des Nutzers in CSS-Pixeln, auf die nächste ganze Zahl aufgerundet.

Beispiele

Verwendung von Viewport-Width

Ein Server muss sich zuerst entscheiden, den Viewport-Width-Header zu empfangen, indem er den Antwort-Header Accept-CH mit der Direktive Viewport-Width sendet.

http
Accept-CH: Viewport-Width

In nachfolgenden Anfragen könnte der Client den Viewport-Width-Header senden:

http
Viewport-Width: 320

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch