Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. HTTP
  3. Reference
  4. Headers
  5. Sec-CH-Width

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

Sec-CH-Width 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-WidthRequest-Header ist einGeräte-Client-Hinweis, das die gewünschte Ressourcenbreite in physischen Pixeln angibt — die intrinsische Größe eines Bildes. Der angegebene Pixelwert ist eine Zahl, die auf die nächstgrößere ganze Zahl aufgerundet wird (d.h. Deckenwert).

Der Hinweis wird nur bei Bildanfragen gesendet.

Der Hinweis erlaubt es dem Client, eine Ressource anzufordern, die sowohl für den Bildschirm als auch für das Layout optimal ist: Dabei werden sowohl die dichtigkeitskorrigierte Breite des Bildschirms als auch die extrinsische Größe des Bildes im Layout berücksichtigt.

Wenn die gewünschte Ressourcenbreite zum Zeitpunkt der Anfrage nicht bekannt ist oder die Ressource keine Darstellungsbreite hat, kann dasSec-CH-Width Header-Feld weggelassen werden.Wenn derSec-CH-Width Header mehr als einmal in einer Nachricht erscheint, wird die letzte Vorkommen verwendet.

Header-TypRequest-Header,Client-Hinweis
Verbotener Request-HeaderNein

Syntax

http
Width: <number>

Direktiven

<number>

Die Breite der Ressource in physischen Pixeln, aufgerundet zur nächstgrößeren ganzen Zahl.

Beispiele

Der Server muss zunächst zustimmen, denSec-CH-Width Header zu empfangen, indem er die Antwort-HeaderAccept-CH mitSec-CH-Width sendet.

http
Accept-CH: Sec-CH-Width

Dann könnte der Client bei nachfolgenden Bildanfragen denSec-CH-Width Header zurücksenden:

http
Width: 1920

Spezifikationen

Specification
Responsive Image Client Hints
# sec-ch-width

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp