Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

En-tête Sec-CH-Viewport-Height

Contexte sécurisé: Cette fonctionnalité est uniquement disponible dans des contextes sécurisés (HTTPS), pour certains navigateurs qui la prennent en charge.

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

L'en-tête de requête HTTP Sec-CH-Viewport-Height est une indication du client sur l'appareil qui fournit la hauteur de la fenêtre de visualisation du client en pixels CSS. La valeur est arrondie à l'entier supérieur le plus proche (c'est-à-dire la valeur plafond).

Cette indication peut être utilisée avec d'autres indications spécifiques à l'écran pour fournir des images optimisées pour une taille d'écran spécifique, ou pour omettre les ressources qui ne sont pas nécessaires pour une hauteur d'écran particulière. Si l'en-tête Sec-CH-Viewport-Height apparaît plus d'une fois dans un message, la dernière occurrence est utilisée.

Un serveur doit s'inscrire pour recevoir l'en-tête Sec-CH-Viewport-Height de la part du client, en envoyant l'en-tête de réponse Accept-CH. Les serveurs qui s'inscrivent définissent généralement également cet en-tête dans l'en-tête Vary, qui informe les caches que le serveur peut envoyer des réponses différentes en fonction de la valeur de l'en-tête dans une requête.

Type d'en-tête En-tête de requête, Indication du client
En-tête de requête interdit Non

Syntaxe

http
Sec-CH-Viewport-Height: <number>

Directives

<number>

La hauteur de la zone d'affichage de l'utilisateur·ice en pixels CSS, arrondie à l'entier supérieur le plus proche.

Exemples

Utiliser Sec-CH-Viewport-Height

Un serveur doit d'abord s'inscrire pour recevoir l'en-tête Sec-CH-Viewport-Height en envoyant l'en-tête de réponse Accept-CH contenant la directive Sec-CH-Viewport-Height.

http
Accept-CH: Sec-CH-Viewport-Height

Dans les requêtes suivantes, le client peut envoyer l'en-tête Sec-CH-Viewport-Height :

http
Sec-CH-Viewport-Height: 480

Spécifications

Spécification
Responsive Image Client Hints
# sec-ch-viewport-height

Compatibilité des navigateurs

Voir aussi