Nouveaux utilisateurs sur la plate-forme Web en avril

Découvrez certaines des fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en avril 2025.

Publié le 30 avril 2025

Versions stables du navigateur

En avril 2025, Firefox 137, Firefox 138, Chrome 135 et Chrome 136 sont devenus stables. Cet article présente les nouvelles fonctionnalités ajoutées à la plate-forme Web au cours d'un mois qui a vu deux versions de Chrome et de Firefox.

Les carrousels arrivent dans Chrome

Plusieurs des fonctionnalités intégrées à Chrome dans la version 135 permettent de créer des carrousels et d'autres expériences paginées sur le Web.

Les pseudo-éléments ::scroll-button() et ::scroll-marker() vous permettent d'ajouter des boutons et des repères à n'importe quelle zone à faire défiler de votre site, ce qui lui donne des commandes de navigation et un moyen de montrer à l'utilisateur où il se trouve à mesure qu'il progresse dans le carrousel.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: not supported.
  • Safari: not supported.

Source

Le pseudo-élément ::column vous permet de styliser un fragment de colonne.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: not supported.
  • Safari: not supported.

Source

La propriété interactivity indique si un élément et ses descendants d'arborescence plate (y compris les lignes de texte) sont inertes ou non.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: not supported.
  • Safari: not supported.

Rendre un élément inerte détermine s'il peut être mis en surbrillance, modifié, sélectionné et recherché par la recherche dans la page. Il détermine également si elle est visible dans l'arborescence d'accessibilité.

Pour en savoir plus, consultez Carrousels avec CSS.

Attributs command et commandfor

Chrome 135 inclut également les attributs command et commandfor. Ils améliorent et remplacent les attributs popovertargetaction et popovertarget. Ces nouveaux attributs peuvent être ajoutés aux boutons, ce qui permet au navigateur de résoudre certains problèmes fondamentaux liés à la simplicité et à l'accessibilité, et de fournir des fonctionnalités courantes intégrées.

Pour en savoir plus, consultez la section Présentation de command et commandfor.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

Fonction CSS shape()

La fonction CSS shape() de Chrome 135 permet de définir une forme pour les propriétés clip-path et offset-path. Découvrez comment l'utiliser pour la coupe responsive. Cette fonction a été publiée dans Safari 18.4 et est également disponible dans Firefox Nightly. Elle devrait être disponible très bientôt dans la version de référence.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

Atomics.pause()

Firefox 137 inclut Atomics.pause(), ce qui rend cette fonctionnalité disponible en tant que référence. Cette méthode statique fournit une primitive de micro-attente qui indique au processeur que l'appelant est en attente d'accès à une ressource partagée. Cela permet au système de réduire les ressources allouées au noyau (telles que l'alimentation) ou au thread, sans abandonner le thread actuel.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 inclut également la propriété CSS hyphenate-limit-chars. Cette propriété spécifie une longueur minimale de mot pour permettre le césure des mots, ainsi qu'un nombre minimum de caractères avant et après le tiret.

Browser Support

  • Chrome: 109.
  • Edge: 109.
  • Firefox: 137.
  • Safari: not supported.

Source

RegExp.escape

La méthode statique RegExp.escape est disponible dans tous les navigateurs depuis quelques mois et devient disponible en tant que référence lorsqu'elle est intégrée à Chrome 136.

Cette méthode échappe à tous les caractères de syntaxe d'expression régulière potentiels dans une chaîne, et renvoie une nouvelle chaîne pouvant être utilisée en toute sécurité comme modèle littéral pour le constructeur RegExp().

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

La méthode statique Error.isError() détermine si la valeur transmise est une erreur. Il est inclus dans Firefox 138. Bien qu'il soit compatible avec tous les navigateurs, il n'est pas encore considéré comme disponible en tant que référence, car Safari renvoie actuellement false pour les instances DOMException.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 138.
  • Safari: 18.4.

Source

API Login Status pour FedCM

Firefox 138 est compatible avec l'API Login Status lorsque vous utilisez l'API Federated Credential Management (FedCM). Il permet de définir et de vérifier si un utilisateur de navigateur est connecté à un fournisseur d'identité. Firefox 138 est compatible avec l'interface NavigatorLogin, la propriété navigator.login et l'en-tête de réponse HTTP Set-Login.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

Intégrité de l'importmap

Dans Firefox 138, la valeur importmap de l'attribut type de l'élément <script> est désormais compatible avec la clé integrity. Cela permet de faire correspondre les URL des modules ES référencés dans les mappages d'importation à leurs métadonnées d'intégrité. Cette fonctionnalité est désormais disponible en version de référence.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

Versions bêta du navigateur

Les versions bêta du navigateur 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 les nouvelles fonctionnalités ou les suppressions qui pourraient avoir un impact sur votre site avant que tout le monde ne les ait. Les nouvelles versions bêta sont Firefox 139 et Safari 18.5.

La version bêta de Safari 18.5 ne comprend pour le moment que quelques corrections de bugs après la grande version 18.4.

Au moment de la rédaction de cet article, Firefox n'a pas publié ses notes de version. Toutefois, la version bêta semble inclure la publication de l'API Temporal, ce qui fait de Firefox le premier navigateur à proposer cette version améliorée de Date. Implémentation également de <dialog> request.close(), qui ajoutera cette méthode à la version de référence "Nouveau disponible".