Équilibrage du titre CSS, des CHIPS, de l'événement de défilement et du pop-up.
Sauf indication contraire, les modifications décrites ci-dessous s'appliquent à la dernière version bêta de Chrome pour Android, ChromeOS, Linux, macOS et Windows. Pour en savoir plus sur les fonctionnalités répertoriées ici, cliquez sur les liens fournis ou consultez la liste disponible sur ChromeStatus.com. Chrome 114 est en version bêta depuis le 3 mai 2023. Vous pouvez télécharger les dernières mises à jour sur Google.com pour ordinateur ou sur le Google Play Store pour Android.
CSS
Cette version ajoute deux nouvelles fonctionnalités CSS.
Équilibrage du titre CSS
Cette fonctionnalité permet d'équilibrer la longueur des lignes d'un élément afin d'améliorer la lisibilité et de réduire les orphelines typographiques, pour le texte qui s'étend sur quatre lignes ou moins. Ceci est souvent utile pour les titres. Par exemple, le CSS suivant doit équilibrer tous les niveaux de titre et les blocs de citation:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
En plus de la propriété text-wrap
, la propriété white-space-collapse
est également compatible, et la propriété white-space
devient un raccourci pour ces propriétés.
Pour en savoir plus, consultez la section CSS text-wrap: balance
.
Alias overflow: overlay
vers overflow: auto
Chrome 114 supprime le mode de défilement overflow: overlay
et fait de overlay
un ancien alias de auto
. L'utilisation de overflow: overlay
est identique à overflow: auto
, sauf qu'elle n'empêche pas le contenu de s'étendre dans la marge de la barre de défilement, dans les cas où des barres de défilement de l'OS non superposées sont présentes. (si des barres de défilement sont présentes en superposition, il n'y a aucun effet).
API Web
API NotrestdReason du cache amélioré
L'API NotRestaurerdReason fournit la liste des raisons pour lesquelles une page n'est pas diffusée depuis BFcache dans une arborescence de frames, via l'API PerformanceNavigationTiming.
Cookies ayant un état partitionné indépendant (CHIPS)
Chrome prévoit de rendre les cookies tiers obsolètes. Les développeurs doivent donc pouvoir utiliser des cookies dans des contextes tiers partitionnés par site de premier niveau. Cela est nécessaire pour les cas d'utilisation qui ne sont pas liés au suivi intersites. (par exemple, intégrations SaaS, CMS headless et domaines sandbox). L'attribut de cookie CHIPS de Partitioned
permet aux développeurs d'activer le partitionnement de leurs cookies tiers par site de premier niveau. Les CHIPS sont activés via les variantes Chrome dans Chrome 110 et les versions ultérieures. Avec Chrome 114, les CHIPS seront activés par défaut pour toutes les instances du navigateur.
En savoir plus sur les CHIPS
L'événement scrollend
Cet événement permet aux développeurs de savoir quand un défilement est terminé (y compris le défilement lui-même et toute mise à jour des décalages par rapport au défilement) grâce aux écouteurs d'événements. Savoir quand un défilement est terminé pour diverses raisons. Par exemple, vous pouvez synchroniser une logique dans la section ancrée, récupérer des éléments dans une liste ou déclencher de nouvelles animations. Cette fonctionnalité simplifie considérablement la logique de gestion des effets de fin de défilement, en s'assurant qu'ils sont cohérents dans de nombreuses modalités d'entrée différentes. Actuellement, les développeurs répondent à ce besoin en observant les événements de défilement et en créant des algorithmes de délai avant expiration ad hoc.
En savoir plus sur l'événement scrollend
L'API Popover
API permettant de créer des éléments d'interface utilisateur temporaires qui s'affichent au-dessus de toutes les autres interfaces utilisateur d'applications Web. Il s'agit notamment d'éléments interactifs à l'utilisateur, tels que des menus d'actions, des suggestions d'éléments de formulaire, des sélecteurs de contenu et une interface utilisateur d'enseignement. Cette API utilise un nouvel attribut de contenu popover
pour permettre l'affichage de n'importe quel élément dans la couche supérieure. Cet élément est semblable à l'élément <dialog>
, à la différence près qu'il présente plusieurs différences importantes, y compris le comportement de fermeture par le bouton "Light-close", la gestion des interactions avec les fenêtres pop-up, la prise en charge des événements et l'absence de "modale". .
En savoir plus sur l'API Popover
Option Web Bluetooth exclusionFilters
dans requestDevice()
L'option exclusionFilters
dans navigator.bluetooth.requestDevice()
permet aux développeurs Web d'exclure certains appareils du sélecteur de navigateur. Ce paramètre permet d'exclure les appareils qui correspondent à un filtre plus large, mais qui ne sont pas compatibles.
Consultez un exemple de code qui illustre l'utilisation de l'API Web Bluetooth pour récupérer des informations de base sur l'appareil à partir d'un appareil Bluetooth basse consommation situé à proximité et doté de filtres d'exclusion basiques.
WebAssembly a étendu la proposition de constante
Chrome 114 implémente la proposition de constantes étendues WebAssembly. Cette proposition ajoute les instructions suivantes à la liste des instructions constantes valides: i32.add
, i32.sub
, i32.mul
, i64.add
, i64.sub
et i64.mul
.
Phases d'évaluation en cours
Dans Chrome 114, vous pouvez activer les nouvelles phases d'évaluation suivantes.
Mesure de l'attribution multi-applications et Web
Étend l'API Attribution Reporting pour permettre d'attribuer des conversions qui se produisent sur le Web à des événements qui se produisent en dehors du navigateur, au sein d'autres applications. La proposition présentée ici tire parti de la prise en charge de l'attribution au niveau du système d'exploitation. En particulier, elle permet au développeur d'autoriser les événements sur le Web mobile à rejoindre les événements de la Privacy Sandbox d'Android, bien que la prise en charge d'autres plates-formes puisse également être implémentée.
S'inscrire à l'essai de la mesure de l'attribution multi-application et Web
API Background Blur
L'API Background Blur permet aux développeurs Web d'utiliser l'API de la plate-forme native pour segmenter l'arrière-plan de l'appareil photo. Le flou d'arrière-plan étant devenu l'une des fonctionnalités les plus utilisées dans les applications de visioconférence, nous souhaitons que les applications Web exploitent les mêmes API de plate-forme sans avoir à utiliser des frameworks de ML tels que TensorFlow.js, Mediapipe, les bibliothèques WASM ou des solutions cloud.
Inscrivez-vous à la phase d'évaluation du flou d'arrière-plan.
Abandons et suppressions
Il n'y a pas de nouveaux abandons ni de nouvelles suppressions dans Chrome 114.