Notes de publication de la plateforme web Microsoft Edge 156 (22 octobre 2026)

Voici les nouvelles fonctionnalités et mises à jour de la plateforme web dans Microsoft Edge 156, qui sera publié le 22 octobre 2026.

Pour rester à jour et obtenir les dernières fonctionnalités de la plateforme web, téléchargez un canal d’aperçu de Microsoft Edge (Beta, Dev ou Canary) ; accédez à Devenir un Microsoft Edge Insider.

Contenu détaillé :

Microsoft Edge DevTools

Découvrez les nouveautés de Microsoft Edge DevTools.

WebView2

Voir :

Fonctionnalités CSS

Les nouvelles fonctionnalités suivantes des feuilles de style en cascade (CSS) sont incluses dans Microsoft Edge.

Lorsque vous utilisez l’API Transitions d’affichage, utilisez la :navigation-source pseudo-classe pour styliser l’élément qui a initié la navigation, tel qu’un lien, un bouton ou un formulaire.

La :navigation-source pseudo-classe CSS s’applique à l’élément qui a initié la navigation tout au long du processus de navigation.

Voir aussi :

Fonction random() :

La random() fonction CSS apporte le caractère aléatoire génératif au CSS, ce qui vous permet de générer une valeur numérique aléatoire dans une plage spécifiée.

Par exemple, vous pouvez utiliser random() pour disperser les éléments de manière aléatoire dans leur conteneur :

.dot {
  /* Position each dot randomly */
  position: absolute;
  top: random(0%, 100%);
  left: random(0%, 100%);
}

Par défaut, chaque appel à la random() fonction est résolu en une nouvelle valeur distincte. Vous pouvez remplacer ce comportement par défaut en transmettant une valeur de départ comme premier paramètre de la fonction, afin de contrôler la façon dont les valeurs aléatoires sont partagées entre les propriétés et les éléments.

Voir aussi :

text-decoration-inset de propriété

La text-decoration-inset propriété CSS contrôle jusqu’à quel point les soulignements, les surtraits et les décorations de ligne sont insérés ou étendus au-delà des bords de début et de fin du texte d’un élément.

text-decoration-inset Prend en charge les types de valeurs suivants :

  • auto, qui permet au navigateur de déterminer l’encart approprié en fonction du texte de l’élément et du contexte environnant.
  • Une valeur de longueur, telle que 20px.
  • Valeur en pourcentage, par 10%exemple .
  • Une ou deux valeurs. La première valeur définit le décalage de départ. La deuxième valeur, si elle est spécifiée, définit le décalage de fin.

Voir aussi :

Descripteurs facultatifs dans les @property règles

En règle @property , vous pouvez omettre les syntaxdescripteurs , inheritsou initial-value . Les valeurs par défaut permettent de supprimer le code réutilisable.

Les descripteurs omis sont par défaut les valeurs suivantes :

  • syntax La valeur par défaut est * (syntaxe universelle).
  • inheritsLa valeur par défaut est .true
  • initial-value La valeur par défaut est initial-value, qui est garantie invalide. Cette valeur par défaut permet aux propriétés typées d’utiliser la var() fonction avec une valeur de secours.

Les valeurs par défaut ci-dessus fonctionnent également lors de l’inscription d’une propriété personnalisée à partir de JavaScript, à l’aide CSS.registerProperty()de .

Voir aussi :

Conteneurs à défilement à axe unique

La overflow propriété CSS prend désormais en charge la définition d’une valeur faisant l’objet d’un défilement, telle que , ainsi que scrolld’une deuxième valeur, clip. Par exemple : overflow: scroll clip;

Le paramètre overflow: scroll clip permet à un élément d’être position: sticky limité par différents conteneurs de défilement par axe. Par exemple, utilisez cette commande pour créer un tableau qui conserve les en-têtes de colonne et de ligne pendant que l’utilisateur fait défiler le contenu.

Auparavant, la overflow propriété ne permettait pas de rendre un conteneur de défilement responsable d’un seul axe. Cela affecte les fonctionnalités qui dépendent des conteneurs de défilement, telles que les éléments avec position: sticky.

Voir aussi :

scroll-snap-type: pair pour aligner sur un seul élément

La scroll-snap-type propriété CSS prend désormais en charge la pair valeur.

.scroller {
  scroll-snap-type: pair mandatory;
}

La pair valeur traite l’alignement du défilement le long des axes x et y comme une paire. Au lieu de sélectionner indépendamment une cible d’alignement le long de l’axe des x et une cible d’alignement le long de l’axe y, l’alignement sélectionne un seul élément dans les deux axes.

Voir aussi :

API web

Les nouvelles fonctionnalités d’API web suivantes sont incluses dans Microsoft Edge.

Les importations de modules ayant échoué peuvent être retentées

Vous pouvez maintenant réessayer les importations de modules ayant échoué, par exemple après une panne de réseau.

Auparavant, un échec d’importation d’un module était mis en cache et la nouvelle tentative d’importation du même module a renvoyé le même échec.

Le comportement de chargement des modules permet désormais de retenter manuellement les importations de modules ayant échoué. Cela inclut les opérations suivantes :

  • Importations dynamiques à l’aide de la import() fonction.
  • Insertion dynamique d’un <script src="..." type="module"> élément.
  • Toute importation statique, à l’aide de l’instruction import , lorsqu’elle est présente dans l’un des contextes ci-dessus.

Voir aussi :

Transport du dictionnaire de compression Mises à jour

Lors de l’extraction d’un dictionnaire de compression via un <link rel="compression-dictionary"> élément, Microsoft Edge :

  • Utilise compression-dictionary comme destination de requête.
  • Définit correctement les valeurs de la requête mode, credentials, referreret referrerpolicy.
  • Prend en compte les crossorigin attributs et referrer définis sur l’élément <link rel="compression-dictionary"> .

Voir aussi :

IndexedDB : Backend SQLite

Pour les nouveaux magasins de données, Microsoft Edge utilise désormais SQLite au lieu de l’API IndexedDB, comme moteur de stockage sous-jacent sur le serveur principal.

L’API IndexedDB elle-même reste inchangée ; Seul le moteur de stockage sous-jacent a été modifié.

Cette modification devrait améliorer la fiabilité et les performances des sites qui utilisent l’API IndexedDB.

Dans une phase ultérieure, les magasins de données existants seront migrés des magasins LevelDB vers les magasins SQLite.

Voir aussi :

WebGPU : profondeur du fragment

Dans WGSL, vous pouvez désormais fournir un modificateur ou greater à less@builtin(frag_depth).

Auparavant, pouvait @builtin(frag_depth) potentiellement avoir un impact négatif sur les performances, en raison de la désactivation des optimisations Z précoces sur un appel de dessin.

Les nouveaux modificateurs permettent de définir explicitement le mode de mémoire tampon et d’appliquer les optimisations Z précoces.

Voir aussi :

API de journalisation des diagnostics WebRTC

L’API de journalisation des diagnostics WebRTC vous permet de déclencher la collecte des données de diagnostic WebRTC, afin que les données puissent être utilisées pour le débogage local.

Si l’utilisateur autorise le partage des données de diagnostic avec le fournisseur du navigateur, l’API autorise ce partage. Cela vous fournit des informations qui peuvent vous aider à corriger les bogues dans le navigateur ou à l’améliorer.

Les applications WebRTC rencontrent souvent des problèmes complexes de connectivité ou de qualité multimédia difficiles à reproduire dans des environnements locaux. L’API de journalisation des diagnostics WebRTC peut aider à déboguer ces problèmes.

Voir aussi :

WebTransport headers et responseHeaders

Lors de l’appel du WebTransport() constructeur, l’option headers vous permet de transmettre des en-têtes de requête HTTP personnalisés au serveur lors de la négociation initiale CONNECT .

La responseHeaders propriété sur l’instance de l’objet WebTransport vous permet d’inspecter les en-têtes de réponse HTTP envoyés par le serveur après la négociation initialeCONNECT.

Ces ajouts à l’API WebTransport vous permettent de :

  • Fournissez les métadonnées, les jetons d’authentification et les paramètres personnalisés lors de la négociation initiale CONNECT .
  • Accéder aux en-têtes fournis par le serveur une fois la connexion établie.

Cette modification résout plusieurs limitations techniques relatives à l’authentification, au routage et à la négociation des capacités.

Sans en-têtes personnalisés, vous devez :

  • Passez les jetons d’authentification dans les chaînes de requête d’URL, ce qui expose les informations d’identification dans les journaux et la télémétrie du serveur.
  • Authentifiez-vous sur un flux de données initial, qui ajoute un aller-retour supplémentaire avant que la connexion ne soit utilisable.

De plus, les passerelles d’API et les proxys inverses inspectent généralement les en-têtes HTTP au niveau de la couche CONNECT. Sans en-têtes personnalisés, ces intermédiaires ne peuvent pas autoriser ou router les sessions WebTransport via des pipelines existants, ce qui oblige les serveurs à accepter les connexions avant de vérifier les informations d’identification.

Voir aussi :

Versions d’évaluation d’origine

Voici des essais d’origine pour les nouvelles API expérimentales disponibles dans Microsoft Edge.

Les versions d’évaluation d’Origin vous permettent d’essayer des API expérimentales sur votre propre site web pendant une durée limitée. Pour en savoir plus sur les versions d’évaluation d’origine, consultez Utiliser les versions d’évaluation d’origine dans Microsoft Edge.

Pour obtenir la liste complète des versions d’évaluation d’origine disponibles, consultez Versions d’évaluation d’origine de Microsoft Edge.

Nom Description Inscrire
API de performances du processeur Expose des informations sur les fonctionnalités de l’appareil de l’utilisateur, pour une utilisation avec l’API de pression de calcul. Inscrire
HTML dans le canevas Active le rendu HTML dans une zone de dessin à l’aide de nouvelles méthodes de dessin et de l’événement paint . Inscrire
<usermedia> élément HTML Élément HTML contrôlé par un navigateur pour demander l’accès à la caméra ou au microphone, en remplacement des demandes d’autorisation basées sur JavaScript. Inscrire
Descripteurs personnalisés WebAssembly V2 Stocke plus efficacement les données associées aux types de niveau source dans des objets descripteurs personnalisés. Inscrire
PrefetchAndPrerenderActivationBeacon Permet à Edge de signaler de manière fiable une balise d’activation lorsqu’une page de prérécupération ou de prérendu est activée. Inscrire
Canal de données WebRTC : Protocole d’accélération des négociations SCTP (SNAP) SNAP réduit la latence de démarrage du canal de données WebRTC en incorporant des paramètres de configuration de connexion SCTP dans l’échange offre/réponse SDP. Étant donné que WebRTC utilise déjà DTLS pour établir un canal sécurisé, la liaison SCTP séparée peut être évitée, ce qui permet d’économiser jusqu’à deux allers-retours réseau et d’accélérer l’établissement d’un canal de données. Inscrire
Événement d’entrée brute de la manette de jeu Au lieu de s’appuyer sur des sondages fréquents via navigator.getGamepads(), les pages web peuvent écouter gamepadrawinputchanged les événements. Ces événements sont déclenchés chaque fois que des modifications sont détectées entre les trames d’entrée du même appareil. Inscrire
Contrôler les heuristiques de fenêtre d’affichage dans l’API des règles de spéculation Vous permet de contrôler les heuristiques de fenêtre d’affichage utilisées par les règles de spéculation, pour déterminer si différents paramètres heuristiques vous donnent de meilleurs résultats que les paramètres par défaut. Inscrire
Événement de remplissage automatique Détecte quand le remplissage automatique du navigateur met à jour les contrôles de formulaire, pour adapter l’interface utilisateur personnalisée et la validation. Inscrire
Mesure de charge spéculative performance.speculations Expose les données sur les préchargements, les prérécupérations et les prérendus utilisés et inutilisés. Cela vous permet de mesurer l’efficacité des stratégies de chargement spéculatives et d’optimiser les compromis performances/coûts. Inscrire
Paramètres d’échantillonnage d’API d’invite Les topK paramètres d’échantillonnage et temperature vous permettent d’optimiser le comportement du modèle par session de modèle de langage. Inscrire
prerender_until_script Action de l’API Règles de spéculation Action de l’API Règles de spéculation qui prérend une page, mais passe à la prélecture lorsqu’un script s’exécute. Inscrire
Marqueurs JS Self-Profiling Étend l’API JS Self-Profiling avec des exemples de marqueurs tels que script, gc, layoutstyle, et paint. Ces marqueurs identifient l’activité que le navigateur était en train d’effectuer au moment de la capture. Inscrire
Protocole de vérification par email Permet aux sites Web de vérifier la propriété des e-mails à l’aide de jetons cryptographiques émis par les fournisseurs de messagerie. Cela réduit la dépendance aux codes secrets à usage unique (OTP) par e-mail et rationalise les flux d’inscription, de connexion et de récupération. Inscrire
API Observateur des performances déclaratives Utilise les en-têtes de réponse HTTP pour prouver qu’il s’agit d’un système de télémétrie fiable géré par le navigateur qui fournit des rapports sur les mesures de performances du site, du début de la navigation à la fin de la page. Inscrire
WebMCP Permet à votre site d’inscrire des outils permettant à un agent de navigateur d’effectuer des tâches pour le compte d’un utilisateur. Inscrire

Remarque

Certaines parties de cette page sont des modifications basées sur le travail créé et partagé par Chromium.org et utilisé conformément aux conditions décrites dans la licence internationale Creative Commons Attribution 4.0.

  • Dernière mise à jour :