Nouveaux utilisateurs sur la plate-forme Web en octobre

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

Rachel Andrew

Date de publication : 30 octobre 2025

Versions stables du navigateur

Les versions stables de Chrome 142 et de Firefox 144 ont été publiées en octobre. Cet article examine ce que cela signifie pour la plate-forme Web.

L'API View Transitions pour les applications monopages

Firefox 144 est compatible avec les transitions de vue dans le même document. Voici quelques exemples :

• Pseudo-classe :active-view-transition
• Propriété view-transition-class
• Propriété view-transition-name
• Pseudo-élément ::view-transition
• Pseudo-élément ::view-transition-group()
• Pseudo-élément ::view-transition-image-pair()
• Pseudo-élément ::view-transition-new()
• Pseudo-élément ::view-transition-old()

Les transitions de vue dans le même document sont désormais disponibles dans la version de référence.

Attributs command et commandfor de l'élément <button>

Firefox 144 est compatible avec command et commandfor. Pour en savoir plus sur ces attributs, consultez Présentation de command et commandfor.

La méthode moveBefore()

La méthode moveBefore() est désormais compatible avec Firefox sur les interfaces Element, DocumentFragment et Document. Cela vous permet de déplacer un élément enfant immédiat de l'objet avant un autre de ses éléments enfants, les deux éléments conservant leur état.

Pour en savoir plus, consultez Préserver l'état lors des mutations du DOM avec moveBefore().

Pseudo-classes :target-before et :target-after

Chrome 142 ajoute des pseudo-classes qui correspondent aux repères de défilement situés avant ou après le repère actif (correspondant à :target-current) au sein du même groupe de repères de défilement, tel que déterminé par l'ordre de l'arborescence plate :

• :target-before : correspond à tous les repères de défilement qui précèdent le repère actif dans l'ordre de l'arborescence à plat au sein du groupe.
• :target-after : correspond à tous les repères de défilement qui suivent le repère actif dans l'ordre de l'arborescence à plat au sein du groupe.

Syntaxe de plage pour les requêtes de conteneur de style et if()

Chrome 142 améliore les requêtes de style CSS et la fonction if() en ajoutant la prise en charge de la syntaxe de plage.

Elle étend les requêtes de style au-delà de la correspondance exacte des valeurs (par exemple, style(--theme: dark)). Les développeurs peuvent utiliser des opérateurs de comparaison (tels que > et <) pour comparer des propriétés personnalisées, des valeurs littérales (par exemple, 10 px ou 25 %) et des valeurs provenant de fonctions de substitution telles que attr() et env(). Pour que la comparaison soit valide, les deux côtés doivent correspondre au même type de données. Elle est limitée aux types numériques suivants : <length>, <number>, <percentage>, <angle>, <time>, <frequency> et <resolution>.

Invokers d'intérêt (attribut interestfor)

Chrome 142 ajoute également un attribut interestfor aux éléments <button> et <a>. Cet attribut ajoute des comportements "intérêt" à l'élément. Lorsqu'un utilisateur manifeste son intérêt pour l'élément, des actions sont déclenchées sur l'élément cible, par exemple l'affichage d'un pop-up.

L'agent utilisateur détecte lorsqu'un utilisateur s'intéresse à l'élément à l'aide de méthodes telles que le maintien du pointeur sur l'élément, l'appui sur des touches de raccourci spéciales sur le clavier ou l'appui prolongé sur l'élément sur les écrans tactiles. Lorsqu'un intérêt est exprimé ou perdu, un InterestEvent se déclenche sur la cible, qui comporte des actions par défaut pour les pop-ups, comme l'affichage et le masquage de la pop-up.

Versions bêta du navigateur

Les versions bêta du navigateur vous donnent un aperçu des fonctionnalités qui seront incluses 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 la version ne soit disponible pour tous. Les nouvelles versions bêta ce mois-ci sont Firefox 145 et Chrome 143, avec Safari 26.1 en cours.

Firefox 145 inclut la propriété source de l'interface ToggleEvent et la méthode statique Atomics.waitAsync().

Chrome 145 inclut des requêtes de conteneur de secours ancrées CSS. Cela permet d'appliquer @container anchored(fallback) aux descendants de style des éléments positionnés par ancrage en fonction de la valeur position-try-fallbacks appliquée.