Nouveaux utilisateurs sur la plate-forme Web en juin

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

Rachel Andrew

Publié le 30 juin 2025

Versions stables du navigateur

En juin 2025, Firefox 140 et Chrome 138 sont devenus stables. Cet article présente les nouvelles fonctionnalités ajoutées à la plate-forme Web avec ces versions.

Échappez < et > dans les attributs lors de la sérialisation du code HTML

Chrome 138 et Firefox 140 incluent cette modification pour empêcher les exploits dans lesquels le code HTML est sérialisé, puis réinjecté dans le DOM. Cette modification est également incluse dans la version bêta de Safari 26. En savoir plus sur la raison de ce changement

API CSS Custom Highlight

Firefox 140 implémente l'API CSS Custom Highlight. Vous pouvez ainsi définir et styliser des plages de texte arbitraires dans un document, comme les autres pseudo-éléments CSS de surlignage tels que ::grammar-error.

En plus de l'API JavaScript, le travail inclut le pseudo-élément CSS ::highlight, utilisé pour appliquer des styles à la mise en surbrillance enregistrée. Bien que cette fonctionnalité soit désormais largement interopérable, certains problèmes liés au pseudo-élément ::highlight ne la rendent pas encore tout à fait de référence.

API Cookie Store

L'API Cookie Store est une API asynchrone permettant de gérer les cookies. Elle est compatible à partir de Firefox 140. Cette API est désormais compatible avec tous les navigateurs. Toutefois, consultez le tableau de compatibilité sur MDN pour en savoir plus sur les éléments qui ne sont pas encore interopérables.

Suppression des événements de mutation

Interop 2025 contient une suppression cette année. Les anciens événements de mutation tels que DOMSubtreeModified, DOMNodeInserted et DOMNodeRemoved surveillent les modifications apportées au DOM et exécutent un rappel d'écouteur d'événements en cas de modification du DOM. Ces événements de mutation ont été abandonnés au profit de l'API MutationObserver, qui est plus performante et moins sujette aux erreurs.

Firefox 140 supprime ces événements, qui ont déjà été supprimés de Chrome.

Fonctions CSS dans Chrome 138

Chrome 138 inclut un ensemble complet de fonctions CSS, certaines étant nouvelles sur la plate-forme, d'autres devenant la référence avec leur inclusion dans Chrome.

Les fonctions liées aux signes abs() et sign() deviennent disponibles en tant que référence avec Chrome 138.

La fonction d'interpolation progress() est nouvelle sur la plate-forme.

Chrome 138 inclut également sibling-index() et sibling-count(). Ils peuvent être utilisés comme entiers dans les valeurs de propriété CSS pour styliser les éléments en fonction de leur position parmi leurs frères et sœurs, ou du nombre total de frères et sœurs, respectivement.

API d'IA intégrées pour la traduction, la détection de la langue et la synthèse

Chrome 138 inclut trois API JavaScript d'IA intégrées. Les API Translator et Language Detector vous permettent de détecter la langue dans laquelle un texte est écrit et de le traduire dans différentes langues. Ils utilisent le modèle d'IA interne du navigateur et effectuent donc cette tâche sur l'appareil.

L'API Summarizer résume le texte, à nouveau sur l'appareil à l'aide du modèle d'IA interne du navigateur.

Prise en charge de l'orientation des images vidéo dans WebCodecs

Chrome 138 ajoute également des valeurs rotation: int et flip: bool à diverses interfaces liées à la vidéo dans WebCodecs afin que les développeurs puissent travailler avec des sources de frames ayant une orientation.

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 141, Safari 26 et Chrome 139.

Safari 26 promet d'être une version du navigateur riche en fonctionnalités. Pour le CSS, il est compatible avec overflow-block et overflow-inline, les animations basées sur le défilement, le positionnement des ancres, la fonction CSS progress() et bien plus encore. Les API AudioEncoder et AudioDecoder, l'API URLPattern, l'API Digital Credentials, les types approuvés et l'API WebAuthn Signal sont également compatibles.

Chrome 139 inclut les fonctions personnalisées CSS, la mise en forme des coins et la propriété caret-animation. L'API Web Speech sur l'appareil, les extensions de champ d'application Web et la commande d'appelant request-close sont également incluses.

Firefox 141 ajoute l'argument options.source pour showPopover() et togglePopover() afin d'établir une relation entre un popover et son appelant. Il est également compatible avec la propriété CSS font-variant-emoji.