Nouveautés de Chrome 119

Adriana Jara

Voici les informations à retenir :

Je m'appelle Adriana Jara. Découvrons ensemble les nouveautés pour les développeurs dans Chrome 119.

Date d'expiration des cookies.

Depuis la version 104 de Chrome 104, les cookies mis à jour avec une date d'expiration sont limités à 400 jours dans le futur. Cette même 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 après le premier démarrage de Chrome 119 (ou version ultérieure) et la migration unique de la base de données. Les utilisateurs ne ressentiront cette modification qu'au moins 400 jours après la sortie de Chrome 119, puis uniquement pour les cookies existants qui n'ont pas été mis à jour pendant cette période.

Pour en savoir plus sur la recommandation concernant la date d'expiration et pour vous rappeler que les cookies tiers seront abandonnés dans un avenir proche, consultez ce guide pour vous préparer à cet abandon.

Mises à jour CSS

Trois mises à jour sont disponibles pour les CSS:

Premièrement, les nouvelles pseudo-classes :user-invalid et :user-valid qui représentent respectivement un élément avec une entrée incorrecte ou correcte, mais seulement 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ème point: 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èmement, clip-path accepte désormais davantage de valeurs.

La propriété clip-path crée une zone de découpe qui définit la partie d'un élément à afficher. Les parties qui se trouvent à l'intérieur de la région 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 utilisées seules pour rogner le texte à la zone spécifiée (par exemple, clip-path: content-box).

Vous pouvez également utiliser les fonctions xywh() et rect() qui permettent de spécifier plus facilement des extraits rectangulaires ou arrondis rectangulaires.

Correction: une version précédente de cet article faisait référence à des améliorations apportées à Fenced Frames. Ces modifications sont désormais disponibles dans Chrome 120.

Et bien plus !

Bien sûr, ce n'est pas tout.

  • WebSQL est complètement supprimé à partir de Chrome 119. Un essai à 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 un écran entier, 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.

Complément d'informations

Nous n'aborderons ici que certains points clés. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires apportées à Chrome 119.

S'abonner

Pour ne rien manquer, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera lancée.

Adriana Jara, soja, et dès la sortie de Chrome 120, je serai là pour vous dire quelles nouveautés Chrome sont disponibles.