Nouveaux utilisateurs sur la plate-forme Web en octobre

Découvrez certaines des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en octobre 2023.

Rachel Andrew

Versions stables du navigateur

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 s'agit d'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 contient également les méthodes isWellFormed() et toWellFormed() de String. Ces paramètres permettent de vérifier si une chaîne contient du code Unicode correctement formé et de convertir une chaîne en un code Unicode bien structuré. 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 disponibles 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 s'affiche comme séparateur entre les éléments. Pour en savoir plus, consultez la section Sélectionner un élément: désormais disponible avec des règles horizontales.

Portée CSS

Chrome 118 inclut un CSS dé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 l'attribut CSS @scope at-rule.

Navigateurs pris en charge

  • 118
  • 118
  • x
  • 17,4

Le CSS "refers-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é, reportez-vous à la section CSS prefers-reduced-transparency.

Navigateurs pris en charge

  • 118
  • 118
  • x

Source

Syntaxe des couleurs relatives au 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 de récupération de mémoire tels que Kotlin, PHP ou Java dans WebAssembly. Retrouvez tous les détails dans WebAssembly Garbage Collection (WasmGC) désormais activé par défaut dans Chrome.

Versions bêta des navigateurs

Les versions bêta vous donnent un aperçu des éléments qui seront disponibles dans 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 que le reste du monde ne soit publié. 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. Voici quelques-unes des principales nouveautés.

Safari 17.2 comprend de nombreuses nouvelles fonctionnalités. Pour le CSS, l'API CSS Custom Highlight, les propriétés mask-border, la propriété counter-set et de nombreuses autres fonctionnalités sont prises en charge. De plus, il existe de nombreux correctifs aux fonctionnalités existantes pour améliorer l'interopérabilité.

Pour le langage HTML, Safari 17.2 est compatible avec l'attribut name pour l'élément <details>. De plus, les API Web sont compatibles avec la priorité de récupération, 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 la série Web "New to the Web Series"