Заголовки: Sec-CH-Viewport-Height
Заголовок Sec-CH-Viewport-Height
Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.
Экспериментальная функция: Это экспериментальная технология
Перед использованием в рабочей среде внимательно проверьте таблицу совместимости с браузерами.
HTTP-заголовок Sec-CH-Viewport-Height — это заголовок запроса, подсказка клиента об устройстве, содержащая высоту области просмотра макета клиента в пикселях CSS. Значение округляется вверх до ближайшего целого числа.
Эту подсказку можно использовать с другими подсказками, связанными с экраном, чтобы передавать изображения, оптимизированные для определённого размера экрана, или не передавать ресурсы, не нужные для определённой высоты экрана. Если заголовок Sec-CH-Viewport-Height встречается в сообщении несколько раз, используется его последнее вхождение.
Чтобы получать от клиента заголовок Sec-CH-Viewport-Height, сервер должен дать на это согласие, отправив заголовок ответа Accept-CH. Серверы, давшие такое согласие, обычно также указывают его в заголовке Vary, который сообщает кэшам, что сервер может отправлять разные ответы в зависимости от значения заголовка в запросе.
| Тип заголовка | Заголовок запроса, Подсказка клиента |
|---|---|
| Запрещённый заголовок запроса | Нет |
Синтаксис
Sec-CH-Viewport-Height: <number>
Директивы
<number>-
Высота области просмотра пользователя в пикселях CSS, округлённая вверх до ближайшего целого числа.
Примеры
>Использование Sec-CH-Viewport-Height
Сначала сервер должен дать согласие на получение заголовка Sec-CH-Viewport-Height, отправив заголовок ответа Accept-CH с директивой Sec-CH-Viewport-Height.
Accept-CH: Sec-CH-Viewport-Height
В последующих запросах клиент может отправлять заголовок Sec-CH-Viewport-Height:
Sec-CH-Viewport-Height: 480
Спецификации
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
Sec-CH-Viewport-Height |
105 | 105 | Нет | 91 | Нет | 105 | Нет | 72 | Нет | 20.0 | 105 | Нет |
См. также
- Повышение конфиденциальности пользователей и удобства работы разработчиков с помощью подсказок клиента 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/Sec-CH-Viewport-Height