Nouveau sur la plate-forme Web en mai

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

Rachel Andrew

Publié le 29 mai 2025

Versions stables du navigateur

En mai 2025, Firefox 139, Chrome 137 et Safari 18.5 sont devenus stables. Cet article présente les nouvelles fonctionnalités ajoutées à la plate-forme Web avec ces versions.

API Temporal

Firefox 139 est le premier navigateur à prendre en charge l'API Temporal. Cela simplifie le travail avec les dates et les heures dans différents scénarios, avec des représentations de fuseaux horaires et de calendrier intégrées.

hidden=until-found et l'événement beforematch

Firefox 139 inclut également l'attribut HTML hidden="until-found" et l'événement beforematch. L'état until-found vous permet de masquer le contenu d'un élément jusqu'à ce qu'il soit trouvé par la recherche de l'utilisateur (par exemple, à l'aide de "Rechercher sur la page") ou par la navigation dans les fragments. L'événement beforematch se déclenche juste avant la suppression de l'attribut hidden.

Méthode requestClose()

Désormais de référence La méthode requestClose() de l'interface HTMLDialogElement est désormais disponible avec la version 139 de Firefox.

Cette méthode diffère de la méthode HTMLDialogElement.close() en ce sens qu'elle déclenche un événement cancel avant de déclencher l'événement close.

CSS reading-flow et reading-order

Chrome 137 inclut reading-flow et reading-order. La propriété CSS reading-flow contrôle l'ordre dans lequel les éléments d'une mise en page flex, en grille ou en bloc sont exposés aux outils d'accessibilité et la façon dont ils sont mis au point à l'aide de méthodes de navigation séquentielle linéaire. Cela résout un problème de longue date avec les mises en page en grille et en flex, où l'ordre des onglets peut ne pas correspondre à l'ordre de mise en page des éléments.

La propriété CSS reading-order vous permet de remplacer manuellement l'ordre des éléments dans un conteneur de parcours de lecture. Pour utiliser cette propriété dans un conteneur de grille, de flex ou de bloc, définissez la valeur reading-flow du conteneur sur source-order et définissez la valeur reading-order de l'élément individuel sur un entier.

Pour en savoir plus, consultez Utiliser le flux de lecture CSS pour une navigation logique séquentielle avec la sélection.

Fonction CSS if()

Dans Chrome 137, la fonction CSS if() permet également d'exprimer des valeurs conditionnelles de manière concise. Il accepte une série de paires condition-valeur, délimitées par des points-virgules. La fonction évalue chaque condition de manière séquentielle et renvoie la valeur associée à la première condition vraie. Si aucune des conditions n'est évaluée à "true", la fonction renvoie un flux de jetons vide.

Document-Isolation-Policy

Disponible dans Chrome 137, Document-Isolation-Policy permet à un document d'activer crossOriginIsolation pour lui-même, sans avoir à déployer COOP ou COEP, et quel que soit l'état crossOriginIsolation de la page. La règle est basée sur l'isolation de processus. De plus, les sous-ressources multi-origines non CORS du document seront chargées sans identifiants ou devront comporter un en-tête CORP.

Web push déclaratif

Safari 18.5 était principalement une version de correction de bugs, mais elle ajoute le push Web déclaratif à macOS, une fonctionnalité qui n'est actuellement disponible que dans Safari. Pour en savoir plus, consultez Meet Declarative Web Push (Découvrez le Web Push déclaratif) sur le blog WebKit.

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 140 et Chrome 138.

Firefox 140 inclut un sous-ensemble de l'API Cookie Store, une méthode moderne, asynchrone et basée sur les promesses pour gérer les cookies, qui peut être utilisée à la fois dans le thread principal et dans les services workers.

Chrome 138 inclut un certain nombre d'API d'IA intégrées : l'API Summarizer, l'API Language Detector et l'API Translator.

Chrome 138 inclut également un certain nombre de fonctionnalités CSS, y compris le mot clé de dimensionnement stretch, ainsi que les fonctions sibling-index() et sibling-count().