Nouveaux utilisateurs sur la plate-forme Web en octobre

Découvrez quelques-unes des fonctionnalités intéressantes qui ont été intégrées dans les navigateurs Web stables et bêta en octobre 2023.

Versions stables des navigateurs

En octobre 2023, Firefox 119, Safari 17.1, Chrome 118 et Chrome 119 sont devenus stables. Cet article examine ce que cela signifie pour la plate-forme Web.

Fonctionnalités JavaScript dans Firefox 119

Dans Firefox 119, il existe un regroupement de tableaux JavaScript avec les méthodes statiques Object.groupBy et Map.groupBy.

Navigateurs pris en charge

  • 117
  • 117
  • 119
  • 17,4

Source

Firefox 119 comporte également les méthodes isWellFormed() et toWellFormed() de String. Ils peuvent servir à vérifier si une chaîne contient du code Unicode correctement formé et à nettoyer une chaîne en Unicode correctement. Ces méthodes sont désormais interopérables sur les trois principaux moteurs.

Navigateurs pris en charge

  • 111
  • 111
  • 119
  • 16.4

Source

L'élément HTML <search> est désormais interopérable.

Chrome 118 inclut l'élément <search>, un nouvel élément HTML représentant les parties du document ou de l'application utilisées pour la recherche ou le filtrage. Cette fonctionnalité est désormais interopérable sur les trois principaux moteurs.

Navigateurs pris en charge

  • 118
  • 118
  • 118
  • 17

Source

Règles horizontales à l'intérieur des éléments sélectionnés

Deux versions de Chrome sont arrivées en octobre. Dans Chrome 119, il s'agit d'un petit ajout aux éléments HTML <select>. Vous pouvez désormais ajouter une règle horizontale entre les options, qui servira de séparateur entre les éléments. Pour en savoir plus, consultez la section Sélectionner un élément: désormais avec des règles horizontales.

Champ d'application CSS

Chrome 118 inclut le CSS limité avec la règle @scope. Cette règle permet de sélectionner des éléments dans une sous-arborescence du DOM. Pour en savoir plus, consultez Limiter la portée de vos sélecteurs avec le champ d'application CSS @scopeat-rule.

Navigateurs pris en charge

  • 118
  • 118
  • x
  • 17,4

Source

Le CSS préfères-reduced-transparency

Chrome 118 inclut la fonctionnalité multimédia prefers-reduced-transparency. Il s'agit d'un ensemble de fonctionnalités qui vous permettent de vérifier les préférences définies par un utilisateur sur son appareil et de répondre à ses besoins dans votre code. Pour en savoir plus sur cette fonctionnalité, consultez la page CSS_prefers-reduced-transparency.

Navigateurs pris en charge

  • 118
  • 118
  • x

Source

Syntaxe des couleurs relatives CSS

Dans Chrome 119, il s'agit d'une nouvelle fonctionnalité puissante de CSS Color 5 : la syntaxe des couleurs relatives. Cela vous permet de dériver une couleur à partir d'une autre couleur, en utilisant l'espace colorimétrique ou la syntaxe dont vous avez besoin.

Récupération de mémoire WebAssembly (WasmGC)

Chrome 119 inclut WasmGC pour accélérer l'utilisation de langages ayant besoin de la mémoire, tels que Kotlin, PHP ou Java, dans WebAssembly. Pour en savoir plus, consultez WebAssembly Garbage Collection (WasmGC) désormais activé par défaut dans Chrome.

Versions bêta des navigateurs

Les versions bêta du navigateur vous donnent un aperçu des nouveautés de la prochaine version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou suppressions, qui pourraient avoir un impact sur votre site avant qu'elle ne soit lancée publiquement. Les nouvelles versions bêta sont Firefox 120 et Safari 17.2. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Consultez les notes de version pour en savoir plus. En voici quelques-unes.

Safari 17.2 comprend de nombreuses nouvelles fonctionnalités. Pour CSS, l'API CSS Custom Highlight est compatible avec les propriétés mask-border, la propriété counter-set et de nombreuses autres fonctionnalités. En outre, de nombreuses corrections ont été apportées aux fonctionnalités existantes pour améliorer l'interopérabilité.

Pour le format HTML, Safari 17.2 est compatible avec l'attribut name de l'élément <details>. Dans les API Web, la prise en charge de la priorité d'extraction et les images responsives sont désormais activées dans <link rel=preload>.

Firefox 120 est compatible avec les unités CSS rh et rlh, text-wrap: balance et la fonction light-dark().

Fait partie de l'événement New to the Web Series