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

Rachel Andrew

Publié le 29 octobre 2026

Versions stables du navigateur

Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 et Safari 27.2 sont passés en version stable en octobre 2026. Cet article présente les nouvelles fonctionnalités disponibles dans les navigateurs ce mois-ci, dont plusieurs fonctionnalités majeures qui sont désormais disponibles dans Baseline.

Les animations liées au défilement deviennent Baseline

Firefox 159 active par défaut les animations liées au défilement.

Les animations liées au défilement vous permettent d'associer la progression d'une animation CSS ou d'une API Animation Web au décalage de défilement d'un conteneur de défilement (à l'aide de scroll-timeline et de la fonction scroll()) ou à la visibilité d'un élément dans son port de défilement (à l'aide de view-timeline et de la fonction view(), attribuée avec animation-timeline) :

Grâce à la compatibilité avec Chrome, Safari et désormais Firefox 159, les animations liées au défilement sont désormais disponibles dans Baseline.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Consultez Animations liées au défilement : le chemin vers Baseline Newly available et faites défiler la chronologie pour découvrir comment les animations liées au défilement sont passées d'une proposition de début 2014 à une norme Web interopérable intégrée à tous les principaux moteurs de navigateur.

Les registres d'éléments personnalisés limités deviennent Baseline

Firefox 159 est désormais compatible avec les registres d'éléments personnalisés limités.

Auparavant, tous les éléments personnalisés devaient être enregistrés dans un seul registre window.customElements global, ce qui pouvait entraîner des conflits de noms lors de la combinaison de composants provenant de différentes bibliothèques ou équipes. Vous pouvez désormais créer une instance CustomElementRegistry indépendante à l'aide du constructeur CustomElementRegistry() et limiter ses définitions à un shadow tree spécifique. La propriété customElementRegistry est également disponible sur Document, Element et ShadowRoot.

Grâce à la compatibilité avec Chrome, Safari et Firefox 159, les registres d'éléments personnalisés limités sont désormais disponibles dans Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Compatibilité avec les images JPEG XL

Chrome 155 et Firefox 158 activent par défaut la compatibilité avec le format d'image JPEG XL (image/jxl).

JPEG XL est un format d'image matricielle libre de droits, normalisé par la norme ISO/CEI 18181. Il est compatible avec la compression avec et sans perte, le décodage progressif, les gammes de couleurs étendues, le HDR (High Dynamic Range), les profondeurs de bits élevées, la transparence et l'animation, ainsi que le transcodage sans perte des fichiers JPEG existants. Firefox 158 met également à jour l'en-tête HTTP Accept par défaut pour les requêtes d'image afin d'inclure image/jxl.

Pour en savoir plus, consultez Shipping JPEG XL in Chrome (Lancement de JPEG XL dans Chrome).

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

L'arithmétique typée CSS devient Baseline

Firefox 158 est désormais compatible avec l'arithmétique typée CSS dans les fonctions mathématiques telles que calc().

L'arithmétique typée CSS vous permet de diviser deux valeurs du même type de données, même si elles utilisent des unités différentes, pour produire un quotient <number> sans unité. Vous pouvez utiliser ce résultat sans unité directement dans les propriétés qui acceptent des nombres (comme opacity ou line-height) ou le multiplier par une autre unité pour effectuer une conversion entre les types :

Firefox 158 s'ajoute à la compatibilité existante dans Chrome et Safari. L'arithmétique typée CSS est désormais disponible dans Baseline.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

Firefox 158 ajoute la prise en charge de la propriété PerformanceResourceTiming.deliveryType.

Cette propriété indique comment une ressource a été diffusée. Par exemple, elle renvoie "cache" lorsqu'une ressource a été diffusée à partir du cache.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

La fonction CSS random()

Chrome 156 ajoute la prise en charge de la fonction CSS random().

La fonction random() génère une valeur numérique aléatoire dans une plage minimale et maximale spécifiée, avec un intervalle d'étape facultatif. Par défaut, chaque appel random() renvoie une valeur aléatoire distincte. Vous pouvez également transmettre un <random-key> comme premier argument pour partager une valeur aléatoire entre les propriétés ou les éléments :

Consultez les exemples de l'article Embracing playful imperfection with the CSS random() function (Adopter une imperfection ludique avec la fonction CSS ) sur Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

La propriété CSS margin-trim

Chrome 155 ajoute la prise en charge de la propriété CSS margin-trim sur les conteneurs de blocs et les conteneurs multicolonnes.

Vous pouvez utiliser margin-trim sur un conteneur pour omettre les marges de ses éléments enfants lorsqu'ils rencontrent les bords du conteneur. Cela évite d'avoir un espacement supplémentaire avant le premier enfant ou après le dernier enfant, sans avoir besoin de remplacements :first-child ou :last-child.

Pour en savoir plus, consultez Supprimer les marges de début et de fin avec la propriété margin-trim.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

Styles de compteur intégrés avec la fonction CSS symbols()

Chrome 155 introduit la compatibilité avec la fonction CSS symbols().

La fonction symbols() vous permet de définir un style de compteur anonyme directement dans list-style-type, le raccourci list-style, counter() ou counters() sans déclarer de règle @ @counter-style nommée distincte.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

La propriété CSS text-decoration-skip-spaces

Chrome 155 ajoute la propriété CSS text-decoration-skip-spaces, qui contrôle si les lignes de décoration de texte (comme les soulignements, les surlignements et les barrés) ignorent les espaces blancs. Cela vous permet d'empêcher l'affichage des décorations sous les espaces de début, de fin ou entre les mots.

Browser Support

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

La pseudo-classe CSS :navigation-source

Chrome 156 introduit la pseudo-classe CSS :navigation-source. Il correspond au lien, au bouton ou à l'élément de formulaire qui a initié une navigation et maintient cet élément sélectionné tout au long de la navigation.

Browser Support

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

Importations de modules de texte JavaScript et nouvelle tentative de chargement des modules ayant échoué

Chrome 155 est compatible avec les importations de modules de texte à l'aide de import ... with { type: "text" }, comme Firefox. L'attribut d'importation type: "text" charge le contenu du module cible sous forme de chaîne JavaScript.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

Chrome 156 met également à jour le comportement de chargement des modules afin que les échecs de chargement des modules ne soient plus mis en cache de manière permanente. Les applications peuvent désormais relancer les chargements de modules ayant échoué, par exemple en appelant à nouveau import() après une défaillance réseau temporaire.

Mises à jour de WebTransport dans Chrome et Firefox

Firefox 158 et Chrome 156 étendent tous deux WebTransport :

Firefox 158 ajoute la méthode WebTransport.getStats() pour récupérer les statistiques de connexion et de datagramme, ainsi que la propriété statique WebTransport.supportsReliableOnly indiquant si le navigateur est compatible avec les sessions WebTransport sur des transports exclusivement fiables.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

Chrome 156 permet de transmettre des en-têtes de requête HTTP personnalisés dans WebTransportOptions lors du handshake CONNECT initial et de lire les en-têtes de réponse du serveur à partir de l'instance WebTransport.

Option Notification navigate dans Firefox

Firefox 158 ajoute la prise en charge de l'option navigate dans le constructeur Notification() et ServiceWorkerRegistration.showNotification(), ainsi que la propriété Notification.navigate, rejoignant ainsi Safari. Cette option spécifie une URL vers laquelle le navigateur doit rediriger l'utilisateur lorsqu'il clique sur la notification système.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Mises à jour de l'API HTML Sanitizer dans Firefox

Firefox 158 ajoute l'option de configuration javascriptURLs et Sanitizer.setJavascriptURLs() à l'API HTML Sanitizer, qui contrôle si les attributs contenant des URL javascript: sont supprimés lors de l'utilisation de méthodes d'insertion HTML non sécurisées telles que Element.setHTMLUnsafe().

Browser Support

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

Firefox 159 met également à jour les méthodes de nettoyage sécurisées telles que Element.setHTML() pour supprimer les éléments et attributs indésirables lors de l'analyse plutôt qu'après la création de l'arborescence DOM, ce qui garantit que le texte voisin reste dans un seul nœud de texte.

Remplacement du nom de flow-tolerance par fit-tolerance dans Safari

Safari 27.2 renomme la propriété flow-tolerance en fit-tolerance pour la disposition des voies de la grille (display: grid-lanes), en conservant flow-tolerance en tant qu'alias obsolète.

Browser Support

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

Versions bêta du navigateur

Les versions bêta du navigateur vous donnent un aperçu des fonctionnalités 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 la version ne soit déployée. Les nouvelles versions bêta de ce mois-ci sont Chrome 157, Chrome 158 et Firefox 160.

La version bêta de Chrome 157 inclut la propriété abrégée CSS corner et les sous-propriétés abrégées de bordure pour définir border-radius et corner-shape ensemble, text-decoration-inset, text-overflow: <string>, position-visibility: anchor-valid et anchor-visible. Il inclut également la prise en charge du rendu HTML dans le canevas et un attribut displaymode réservé aux icônes pour les éléments de capacité <camera>, <microphone> et <geolocation>.

La version bêta de Chrome 158 introduit l'élément HTML déclaratif <install> et l'API Web Install (navigator.install()) pour l'installation d'applications Web interorigines. Les ajouts CSS et SVG incluent le sélecteur de mise en surbrillance personnalisé universel ::highlight(*), les pseudo-classes d'état des éléments multimédias (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), les mots clés d'alignement flow-start et flow-end, ainsi que les rayons closest-corner et farthest-corner pour les formes de base circle() et ellipse().

La version bêta de Firefox 160 met à jour l'API WebExtensions runtime.PlatformInfo pour qu'elle renvoie arch sous la forme arm64 au lieu de aarch64 sur les plates-formes ARM64, conformément à Chrome.