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
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.
Accept-CH: Viewport-Width
Dans les requêtes suivantes, le client peut envoyer l'en-tête Viewport-Width :
Viewport-Width: 320
Compatibilité des navigateurs
Voir aussi
- Améliorer la confidentialité des utilisateur·ice·s et l'expérience des développeur·euse·s avec les Indications du client d'agent utilisateur (angl.) (developer.chrome.com)
- Appareils et indications du client pour les images adaptatives
- L'en-tête
Accept-CH - Mise en cache HTTP : Vary et l'en-tête
Vary