Viewport-Width header

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. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.

Warnung: Der Viewport-Width-Header wurde aus der "Client Hints"-Spezifikation 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ächsthöhere ganze Zahl gerundet (d.h. Deckenwert).

Der Hinweis kann zusammen mit anderen bildschirmbezogenen Hinweisen verwendet werden, um Bilder zu liefern, 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 Viewport-Width-Header mehrmals in einer Nachricht erscheint, wird das letzte Vorkommen verwendet.

Ein Server muss zustimmen, den Viewport-Width-Header vom Client zu empfangen, indem er den Accept-CH-Response-Header sendet. Server, die zustimmen, geben ihn typischerweise auch im Vary-Header an, der Caches darüber informiert, dass der Server unterschiedliche Antworten basierend auf dem Header-Wert in einer Anfrage senden kann.

Header-Typ Request-Header, Client Hint
Verbotener Request-Header Nein

Syntax

http
Viewport-Width: <number>

Direktiven

<number>

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

Beispiele

Verwendung von Viewport-Width

Ein Server muss zunächst zustimmen, den Viewport-Width-Header zu empfangen, indem er den Response-Header Accept-CH sendet, der die Direktive Viewport-Width enthält.

http
Accept-CH: Viewport-Width

In nachfolgenden Anfragen kann der Client den Viewport-Width-Header senden:

http
Viewport-Width: 320

Browser-Kompatibilität

Siehe auch