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 2026.

Rachel Andrew

Publié le : 31 mars 2026

Versions stables du navigateur

Les versions stables de Chrome 146, Firefox 149 et Safari 26.4 sont sorties en mars. Cet article présente les nouvelles fonctionnalités qui seront disponibles sur la plate-forme ce mois-ci.

Conditions de requête de conteneur facultatives

Firefox 149 et Safari 26.4 sont compatibles avec les requêtes @container sans condition, qui ne contiennent que des noms. Cela vous permet de faire correspondre des conteneurs uniquement en fonction de leur nom, ce qui facilite le style des éléments en fonction du contexte du conteneur sans avoir à spécifier de contraintes de taille ou de style.

Animations déclenchées par le défilement

Chrome 146 ajoute le contrôle des animations en fonction de la position de défilement. Cette fonctionnalité vous permet de créer des interactions de manière déclarative avec CSS, en déchargeant le travail sur un thread de worker et en améliorant les performances. Il inclut également des interfaces JavaScript pour les animations Web. Pour en savoir plus, consultez Les animations déclenchées par le défilement CSS arrivent.

Browser Support

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

Propriété trigger-scope

En plus des animations déclenchées par le défilement, Chrome 146 introduit la propriété trigger-scope. Cela vous permet de limiter la visibilité des noms de déclencheurs d'animation, ce qui vous aide à isoler les interactions entre les animations et les déclencheurs, et à éviter les conflits de noms globaux.

Browser Support

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

Valeur hint de la fenêtre pop-up

Firefox 149 est désormais compatible avec la valeur hint pour l'attribut global popover. Les pop-ups avec la valeur hint ne fermeront pas les pop-ups auto lorsqu'ils seront affichés, mais fermeront les autres pop-ups hint, ce qui permettra un contrôle plus précis du comportement des pop-ups.

Browser Support

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

Voies de grille

Safari 16.4 est compatible avec display: grid-lanes, qui est la valeur de display qui active une mise en page de style masonry.

Browser Support

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

Fonctions mathématiques dans l'attribut sizes

Safari 26.4 permet d'utiliser les fonctions mathématiques min(), max() et clamp() dans l'attribut sizes des éléments <img>. Cela offre plus de flexibilité pour le chargement des images responsives.

Séquence d'itérateurs JavaScript

Chrome 146 et Safari 26.4 sont désormais compatibles avec le séquençage d'itérateurs, ce qui permet d'introduire Iterator.concat(...items) pour créer des itérateurs en séquençant ceux existants. Cette fonctionnalité est désormais disponible dans la version de base.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

Interface CloseWatcher

Firefox 149 ajoute la prise en charge de l'interface CloseWatcher. Cela permet aux développeurs d'implémenter des composants qui peuvent être fermés à l'aide de mécanismes natifs de l'appareil, tels que la touche Esc sur Windows ou la touche Retour sur Android, de la même manière que les boîtes de dialogue et les pop-ups intégrés.

Browser Support

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

Source

Versions bêta du navigateur

Les versions bêta du navigateur offrent un aperçu des fonctionnalités qui seront incluses dans la prochaine version stable du navigateur. Vous pouvez tester les nouvelles fonctionnalités ou les suppressions qui pourraient affecter votre site avant la version stable. Les nouvelles versions bêta de ce mois-ci incluent Firefox 150 et Chrome 147.

Version bêta de Chrome 147

La version bêta de Chrome 147 inclut contrast-color(), une fonction CSS qui renvoie du noir ou du blanc selon la couleur qui offre le contraste le plus élevé par rapport à la couleur de l'argument. border-shape et les transitions de vue à portée d'élément sont également inclus.

La version bêta de Firefox 150 ajoute le mot clé CSS revert-rule, customeElementRegistry pour les éléments et DocumentOrShadowRoot, et light-dark() pour les images.