Заголовки: Viewport-Width
Заголовок Viewport-Width
Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему поддерживать её, она уже могла быть удалена из соответствующих веб-стандартов, может находиться в процессе исключения или поддерживаться только для обеспечения совместимости. Избегайте её использования и, если возможно, обновите существующий код; чтобы принять решение, см. таблицу совместимости внизу этой страницы. Учтите, что эта функция может перестать работать в любой момент.
Защищённый контекст: Эта функция доступна только в защищённых контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.
Нестандартная функция: Эта функция не стандартизирована. Мы не рекомендуем использовать нестандартные функции в рабочей среде, так как их поддержка браузерами ограничена, а сами функции могут измениться или быть удалены. Однако в отдельных случаях, когда стандартного варианта нет, они могут стать подходящей альтернативой.
Предупреждение: Заголовок Viewport-Width был стандартизирован под названием Sec-CH-Viewport-Width, и теперь предпочтительно использовать новое название.
HTTP-заголовок запроса Viewport-Width — это клиентская подсказка устройства, которая сообщает ширину области просмотра макета клиента в пикселях CSS. Значение округляется вверх до ближайшего большего целого числа.
Эту подсказку можно использовать вместе с другими подсказками, связанными с экраном, чтобы предоставлять изображения, оптимизированные для определённого размера экрана, или не загружать ресурсы, не нужные при конкретной ширине экрана. Если заголовок Viewport-Width встречается в сообщении несколько раз, используется последнее вхождение.
Сервер должен дать согласие на получение заголовка Viewport-Width от клиента, отправив заголовок ответа Accept-CH. Серверы, давшие такое согласие, обычно также указывают его в заголовке Vary, который сообщает кэшу, что сервер может отправлять разные ответы в зависимости от значения заголовка в запросе.
| Тип заголовка | Заголовок запроса, Клиентская подсказка |
|---|---|
| Запрещённый заголовок запроса | Нет |
Синтаксис
Viewport-Width: <number>
Директивы
<number>-
Ширина области просмотра пользователя в пикселях CSS, округлённая вверх до ближайшего целого числа.
Примеры
>Использование Viewport-Width
Сначала сервер должен дать согласие на получение заголовка Viewport-Width, отправив заголовок ответа Accept-CH с директивой Viewport-Width.
Accept-CH: Viewport-Width
В последующих запросах клиент может отправлять заголовок Viewport-Width:
Viewport-Width: 320
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
Viewport-Width |
46 | 79 | Нет | 33 | Нет | 46 | Нет | 33 | Нет | 5.0 | 46 | Нет |
См. также
- Повышение конфиденциальности пользователей и удобства для разработчиков с помощью клиентских подсказок User-Agent (developer.chrome.com)
- Клиентские подсказки устройства и адаптивных изображений
Accept-CH-
Кэширование HTTP: Vary и заголовок
Vary
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Viewport-Width
