Nouveautés de Chrome 101

Rachel Andrew

Voici quelques points à retenir :

Examinons les fonctionnalités disponibles dans Chrome 101.

Notation de couleur hwb()

Décrit dans un article de Stefan Judis comme une "notation de couleur pour les humains", hwb() spécifie la couleur en fonction de la teinte, de la blancheur et de la noirceur. Comme pour les autres notations de couleur, un composant alpha facultatif spécifie l'opacité.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Cette méthode de spécification des couleurs est désormais bien prise en charge. Firefox la prend en charge depuis la version 96 et Safari depuis la version 15.

Priorité de récupération

La priorité de récupération vous permet d'indiquer au navigateur l'ordre dans lequel les ressources doivent être téléchargées, à l'aide de l'attribut fetchpriority. Il accepte les valeurs "high", "low" et "auto".

  • "high" : vous considérez la ressource comme une priorité élevée et souhaitez que le navigateur la priorise tant que ses heuristiques ne l'en empêchent pas.
  • "low" : vous considérez que la ressource est de faible priorité et vous souhaitez que le navigateur la dépriorise si ses heuristiques le permettent.
  • "auto" : il s'agit de la valeur par défaut qui permet au navigateur de choisir la priorité appropriée.

Dans l'exemple ci-dessous, une image de faible priorité est indiquée par fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

Pour en savoir plus sur les différents cas d'utilisation, consultez Optimiser le chargement des ressources avec l'API Fetch Priority.

Autres nouveautés de cette version

Une nouvelle méthode forget() est disponible pour les objets USBDevice. Cela permet d'oublier un appareil auquel l'autorisation avait été accordée. Par exemple, s'il s'agit d'une application utilisée sur un ordinateur partagé avec de nombreux appareils.

Pour Web USB, correction permettant de prendre en charge [SameObject] pour les attributs associés dans USBDevice. La modification de la spécification est disponible dans une demande d'extraction de la spécification provisoire.

Les workers dédiés chargés à partir d'une origine sécurisée (HTTPS), mais instanciés par des contextes non sécurisés (non HTTPS), ne sont plus considérés comme sécurisés. Cela signifie que dans ces contextes de nœud de calcul : - self.isSecureContext est désormais false.  : self.caches et self.storageFoundation ne sont plus disponibles.

L'argument popup pour window.open() est désormais évalué sur true, suite à une modification récente des spécifications pour l'analyse de cet argument. Auparavant, lorsque popup était défini sur "true", window.open() était interprété comme false. Cette modification facilite l'utilisation et la compréhension des caractéristiques booléennes.

Documentation complémentaire

Cette liste ne couvre que quelques points essentiels. Consultez les liens ci-dessous pour découvrir les autres modifications apportées à Chrome 101.