Viewport-Width

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, kann sie bereits aus den relevanten Webstandards entfernt worden sein, befindet sich im Prozess der Entfernung oder wird nur aus Kompatibilitätsgründen beibehalten. Vermeiden Sie die Verwendung und aktualisieren Sie gegebenenfalls bestehenden Code; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu treffen. Beachten Sie, dass diese Funktion jederzeit nicht mehr funktionieren kann.

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

Kein Standard: Diese Funktion ist nicht standardisiert und befindet sich nicht im Standardisierungsprozess. Verwenden Sie sie nicht auf Produktionsseiten, die auf das Web ausgerichtet sind: Sie wird nicht für alle Benutzer funktionieren. Außerdem kann es große Inkompatibilitäten zwischen Implementierungen geben und das Verhalten kann sich in Zukunft ändern.

Der Viewport-Width device client hint Request-Header bietet die Layout-Viewport-Breite des Clients in CSS-Pixel. Der Wert wird auf die nächsthöhere ganze Zahl (d.h. aufgerundet) gerundet.

Header-Typ Anforderungs-Header, Client-Hinweis
Verbotener Headername nein

Der Hinweis kann zusammen mit anderen bildschirmspezifischen 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.

Hinweis:

  • Client-Hinweise sind nur auf sicheren Ursprüngen (über TLS) zugänglich.
  • Ein Server muss sich entscheiden, den Viewport-Width-Header vom Client zu erhalten, indem er den Accept-CH-Antwort-Header sendet.
  • Server, die sich für den Viewport-Width-Client-Hinweis entscheiden, geben ihn normalerweise auch im Vary-Header an. Dies informiert Caches, dass der Server möglicherweise unterschiedliche Antworten basierend auf dem Headerwert in einer Anfrage senden kann.
  • Viewport-Width wurde aus der ursprünglichen Client-Hints-Spezifikation im draft-ietf-httpbis-client-hints-07 entfernt. Der vorgeschlagene Ersatz ist Sec-CH-Viewport-Width (Responsive Image Client Hints).

Syntax

http
Viewport-Width: <number>

Direktiven

<number>

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

Beispiele

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

http
Accept-CH: Viewport-Width

Dann kann bei nachfolgenden Anfragen der Client den Viewport-Width-Header zurücksenden:

http
Viewport-Width: 320

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch