En-tête Sec-CH-Viewport-Width
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-Width est une indication du client sur l'appareil qui fournit la largeur 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 largeur d'écran particulière.
Si l'en-tête Sec-CH-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 Sec-CH-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
Sec-CH-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 Sec-CH-Viewport-Width
Un serveur doit d'abord s'inscrire pour recevoir l'en-tête Sec-CH-Viewport-Width en envoyant l'en-tête de réponse Accept-CH contenant la directive Sec-CH-Viewport-Width.
Accept-CH: Sec-CH-Viewport-Width
Dans les requêtes suivantes, le client peut envoyer l'en-tête Sec-CH-Viewport-Width :
Sec-CH-Viewport-Width: 320
Spécifications
| Spécification |
|---|
| Responsive Image Client Hints> # sec-ch-viewport-width> |
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 de l'agent utilisateur (angl.) (developer.chrome.com)
- Indications du client pour les appareils et les images adaptatives
- L'en-tête
Accept-CH - Mise en cache HTTP : Vary et l'en-tête
Vary