Nouveautés de Chrome 119

Adriana Jara

Voici les informations à retenir :

Je m'appelle Adriana Jara. Intéressons-nous maintenant aux nouveautés de Chrome 119 pour les développeurs.

Date d'expiration des cookies

Depuis Chrome 104, les cookies nouvellement créés ou ceux mis à jour avec une date d'expiration ont cette date limitée à plus de 400 jours dans le futur. Cette limite sera désormais appliquée rétroactivement aux cookies déjà stockés.

Les dates d'expiration de ces cookies seront limitées à 400 jours au maximum après le premier démarrage de Chrome 119 ou version ultérieure et une migration unique de la base de données. L'impact de ce changement ne sera ressenti par les utilisateurs qu'au moins 400 jours après le lancement de Chrome 119, et uniquement pour les cookies existants qui n'ont pas été mis à jour pendant cette période.

Pour en savoir plus, consultez la recommandation concernant la date d'expiration. Nous vous rappelons également que les cookies tiers seront abandonnés bientôt, ainsi que ce guide pour vous préparer à cet abandon.

Mises à jour du CSS

Voici trois nouveautés concernant les CSS:

Premièrement, les nouvelles pseudo-classes :user-invalid et :user-valid qui représentent un élément avec une entrée incorrecte ou correcte, respectivement, mais uniquement après que l'utilisateur a interagi de manière significative avec lui. Elles sont semblables aux pseudo-classes :valid et :invalid, mais avec la contrainte supplémentaire que les nouvelles pseudo-classes ne correspondent qu'une fois que l'utilisateur a interagi avec l'élément.

Deuxièmement, la syntaxe des couleurs relatives permet aux développeurs de définir des couleurs en modifiant les paramètres d'autres couleurs.

Par exemple, oklab(from magenta calc(l * 0.8) a b); donne un magenta Oklab 80% plus léger.

Troisième point: clip-path accepte désormais davantage de valeurs.

La propriété clip-path crée une zone de rognage qui définit la partie d'un élément à afficher. Les parties qui se trouvent à l'intérieur de la zone sont affichées, tandis que celles qui se trouvent à l'extérieur sont masquées.

Vous pouvez désormais utiliser les valeurs <geometry-box> pour contrôler la zone de référence de l'extrait, ce qui facilite l'utilisation de clip-path. Ces valeurs de zone peuvent être utilisées avec des formes de base (par exemple, clip-path: circle(50%) margin-box) ou seules pour rogner la zone spécifiée (par exemple, clip-path: content-box).

Vous pouvez également utiliser les fonctions xywh() et rect(), qui facilitent la spécification de clips rectangulaires ou arrondis et rectangulaires.

Correction: une version précédente de cet article traitait des améliorations apportées aux cadres cloisonnés. Ces modifications sont désormais disponibles dans Chrome 120.

Et bien plus !

Bien entendu, ce n'est pas tout !

  • WebSQL est complètement supprimé à partir de Chrome 119. Une phase d'évaluation de l'origine inversée permet aux développeurs de continuer à utiliser WebSQL jusqu'à Chrome 123.

  • Vous pouvez désormais utiliser l'option monitorTypeSurfaces pour empêcher l'utilisateur de partager l'intégralité de l'écran, avec getDisplayMedia().

  • Une phase d'évaluation ajoute un paramètre windowFeatures fullscreen à l'API JavaScript window.open() pour permettre à l'appelant d'ouvrir un pop-up directement en plein écran.

Documentation complémentaire

Cela ne couvre que certains points clés. Consultez les liens ci-dessous pour modifications supplémentaires dans Chrome 119.

S'abonner

Pour vous tenir informé, abonnez-vous à la Chaîne YouTube des développeurs Chrome, et vous recevrez une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Bonjour Adriana Jara. Dès la sortie de Chrome 120, je serai là pour vous informer des nouveautés de Chrome !