Nouveaux utilisateurs sur la plate-forme Web en mars

Découvrez quelques-unes des fonctionnalités intéressantes qui ont été ajoutées aux navigateurs Web stables et bêta en mars 2025.

Rachel Andrew

Publié le 31 mars 2025

Versions stables du navigateur

En mars 2025, Firefox 136, Chrome 134 et Safari 18.4 sont devenus stables. Cet article présente les nouvelles fonctionnalités ajoutées à la plate-forme Web.

Nouvelles pseudo-classes :has-slotted et :open

Firefox 136 est compatible avec la pseudo-classe :has-slotted, qui permet de styliser les éléments dans <template> auxquels du contenu est ajouté à un élément <slot> lors de l'affichage d'un composant Web.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

La pseudo-classe :open vous permet de sélectionner n'importe quel élément actuellement ouvert. Cela s'applique aux éléments <details>, <dialog> et <input> avec un sélecteur, ainsi qu'aux éléments <select> lorsqu'une zone de sélection déroulante est ouverte.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 est également compatible avec Intl.DurationFormat. Cela vous permet de mettre en forme les durées, en tenant compte des paramètres régionaux. Cette fonctionnalité rejoint la fonctionnalité Baseline. Pour en savoir plus, consultez Intl.DurationFormat est désormais disponible dans Baseline.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

Valeur plaintext-only de l'attribut contenteditable

Une autre fonctionnalité devient de référence La valeur plaintext-only de l'attribut global contenteditable est désormais disponible dans cette version de Firefox. Pour en savoir plus sur cette valeur, consultez La combinaison de valeurs d'attribut "texte brut uniquement" contenteditable est désormais disponible en tant que référence.

Browser Support

  • Chrome: 51.
  • Edge: 12.
  • Firefox: 136.
  • Safari: ≤13.1.

Modes d'écriture latérale pour le CSS

Safari 18.4 est compatible avec writing-mode: sideways-rl et writing-mode: sideways-lr. Ces valeurs sont utilisées lorsque vous souhaitez afficher le texte verticalement pour des raisons de présentation. Elles devraient désormais être définies sur "Nouveau disponible".

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

Fonction CSS shape()

Safari 18.4 inclut également la fonction CSS shape(), qui permet d'utiliser des formes libres responsives dans clip-path.

Browser Support

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

Source

ClipboardItem.supports()

Safari 18.4 implémente la méthode supports() pour ClipboardItem(). Vous pouvez ainsi voir quels formats sont compatibles lors des opérations de presse-papiers. Cette fonctionnalité est désormais disponible en tant que référence.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

Ignorer la lumière pour <dialog>

L'une des fonctionnalités intéressantes de l'API Popover est son comportement de fermeture léger. Ce comportement fait désormais partie de <dialog>, implémenté dans Chrome 134, avec un nouvel attribut closedby qui le contrôle.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

L'API Web Locks est désormais compatible avec le stockage partagé

Chrome 134 intègre l'API Web Locks à Shared Storage. Cela évite les scénarios où la mesure de la couverture intersites peut entraîner des rapports en double, en raison des conditions de concurrence potentielles dans la logique get() et set().

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 137 et Chrome 135. 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 caractéristiques :

Firefox 137 inclut la méthode statique Math.sumPrecise, qui renvoie la somme d'un itérable (tel qu'un tableau). Cette version inclut également Atomics.pause(). Cette méthode indique au processeur que le thread actuel est dans un spinlock en attendant l'accès à une ressource partagée.

Chrome 135 inclut un certain nombre de fonctionnalités CSS liées à la création de carrousels. Il comprend également des éléments <select> personnalisables, ainsi que les attributs command et commandfor.