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 Viewport-Width

Obsolète

Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.

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

Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.

Attention : L'en-tête Viewport-Width a été standardisé en tant que Sec-CH-Viewport-Width et le nouveau nom est désormais privilégié.

L'en-tête de requête HTTP Viewport-Width est une indication du client sur l'appareil qui fournit la largeur de la zone d'affichage 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 largeur d'écran particulière. Si l'en-tête Viewport-Width 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 Viewport-Width 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
Viewport-Width: <number>

Directives

<number>

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

Exemples

Utiliser Viewport-Width

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

http
Accept-CH: Viewport-Width

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

http
Viewport-Width: 320

Compatibilité des navigateurs

Voir aussi