Ширина области просмотра

Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её поддерживать, она, возможно, уже удалена из соответствующих веб-стандартов, находится в процессе удаления или поддерживается только для совместимости. Избегайте её использования и, по возможности, обновите существующий код; см. таблицу совместимости в конце этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любое время.

Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS), в некоторых или во всех поддерживающих браузерах.

Нестандартно: Эта функция нестандартна и не соответствует стандартам. Не используйте её на продуктивных сайтах, ориентированных на веб: она не будет работать для каждого пользователя. Также могут быть значительные несовместимости между реализациями, и поведение может измениться в будущем.

Заголовок запроса Viewport-Width указателя устройства предоставляет ширину области просмотра клиента в CSS пикселях. Значение округляется до ближайшего большего целого числа (т. е. значение по принципу «вверх»).

Тип заголовка	Заголовок запроса, Указатель клиента
Запрещённое имя заголовка	нет

Указатель можно использовать с другими указателями, относящимися к экрану, для доставки изображений, оптимизированных для определённого размера экрана, или для исключения ресурсов, не нужных для определённой ширины экрана.

Если заголовок Viewport-Width появляется в сообщении более одного раза, используется последнее значение.

Примечание:

К Клиентским указателям доступ только в безопасных источниках (через TLS).
Сервер должен быть настроен на получение заголовка Viewport-Width от клиента, отправив заголовок ответа Accept-CH.
Серверы, которые настраиваются на приём указателя клиента Viewport-Width, обычно также указывают его в заголовке Vary. Это сообщает кешам, что сервер может отправлять разные ответы на основе значения заголовка в запросе.
Viewport-Width был удалён из первоначальной спецификации клиентских указателей в draft-ietf-httpbis-client-hints-07. Предлагаемой заменой является Sec-CH-Viewport-Width (Указатели клиента для отзывчивых изображений).

Синтаксис

Viewport-Width: <number>

Директивы

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

Примеры

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

Accept-CH: Viewport-Width

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

Viewport-Width: 320

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

	Десктоп						Мобильное
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet
`Viewport-Width`	46	≤79	Нет	Нет	33	Нет	46	46	Нет	33	Нет	5.0

См. также

Повышение конфиденциальности пользователей и опыта разработчиков с помощью User-Agent Client Hints (web.dev)
Указатели устройства
Accept-CH
Кэширование HTTP > Изменение ответов и Vary

© 2005–2022 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Viewport-Width