HTTP Sec-CH-Viewport-Width — это заголовок запроса, подсказка клиента об устройстве, которая сообщает ширину области просмотра макета клиента в пикселях CSS. Значение округляется вверх до ближайшего следующего целого числа (то есть до значения, округлённого в большую сторону).

Подсказку можно использовать вместе с другими подсказками, связанными с экраном, чтобы предоставлять изображения, оптимизированные для определённого размера экрана, или не загружать ресурсы, не нужные для конкретной ширины экрана. Если заголовок Sec-CH-Viewport-Width встречается в сообщении несколько раз, используется его последнее вхождение.

Чтобы получать от клиента заголовок Sec-CH-Viewport-Width, сервер должен дать на это согласие, отправив заголовок ответа Accept-CH. Серверы, которые дают такое согласие, обычно также указывают его в заголовке Vary, который сообщает кэшам, что сервер может отправлять разные ответы в зависимости от значения заголовка в запросе.

Синтаксис

Sec-CH-Viewport-Width: <number>

Директивы

<number>

Ширина области просмотра пользователя в пикселях CSS, округлённая вверх до ближайшего целого числа.

Примеры

Использование Sec-CH-Viewport-Width

Чтобы получать заголовок Sec-CH-Viewport-Width, сервер должен сначала дать на это согласие, отправив заголовок ответа Accept-CH с директивой Sec-CH-Viewport-Width.

Accept-CH: Sec-CH-Viewport-Width

В последующих запросах клиент может отправлять заголовок Sec-CH-Viewport-Width:

Sec-CH-Viewport-Width: 320

Спецификации

Совместимость с браузерами

См. также

• Повышение конфиденциальности пользователей и удобства разработчиков с помощью подсказок клиента User-Agent (developer.chrome.com)
• Подсказки клиента об устройстве и адаптивных изображениях
  • Sec-CH-Device-Memory
  • Sec-CH-DPR
  • Sec-CH-Viewport-Height
  • Viewport-Width
• Accept-CH
• Кэширование HTTP: Vary и заголовок Vary