Notes de publication de la plateforme web Microsoft Edge 154 (sept. 2026)

Voici les nouvelles fonctionnalités et mises à jour de la plateforme web dans Microsoft Edge 154, qui sera publié le 24 septembre 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.

scroll-marker-group les modes

La scroll-marker-group propriété prend désormais en charge deux modes : links et tabs.

  • links: fonctions générées ::scroll-marker-group comme une liste de navigation. Il s’agit du mode par défaut.

    Ce mode est conçu pour imiter les repères de navigation standard combinés avec des ancres de fragment.

    Il ::scroll-marker-group obtient le rôle de navigation et les ::scroll-marker éléments obtiennent le rôle de lien, correspondant au <nav><a> modèle structurel.

    Tous les ::scroll-marker éléments deviennent des taquets de tabulation séquentiels et, lorsqu’ils sont activés, définissent le point de départ de la navigation de focus séquentiel sur l’élément cible, perdant ainsi son propre focus. Cela correspond au comportement de clic sur un <a href="#target"> lien.

  • tabs: fonctions générées ::scroll-marker-group comme une liste de tabulations.

    Ce mode est conçu pour reproduire le modèle des onglets.

    Ils ::scroll-marker-group obtiennent le rôle de tabliste, ::scroll-marker les éléments obtiennent des rôles d’onglet et leurs éléments d’origine obtiennent le rôle de tabpanel.

    Pour imiter le comportement d’un panneau d’onglets, appuyez sur la touche Tab du marqueur actif pour déplacer le focus directement dans le contenu actif du panneau d’onglets. Le contenu des onglets inactifs est explicitement masqué dans l’arborescence d’accessibilité.

Voir aussi :

text-decoration-skip-spaces

La text-decoration-skip-spaces propriété CSS contrôle si les lignes de décoration de texte (telles que les traits de soulignement, les surtraits ou les traits) ignorent les caractères blancs.

Cela vous permet d’éviter que des lignes décoratives ne soient dessinées sur les caractères blancs, pour obtenir des résultats plus attrayants visuellement.

Voir aussi :

text-decoration-inset

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

La text-decoration-inset propriété CSS prend en charge les éléments suivants :

  • auto.
  • Valeurs de longueur.
  • Valeurs en pourcentage.
  • Syntaxes à valeur unique et double pour définir les décalages de début et de fin.

Cela vous permet d’ajuster l’espacement des décorations et de créer des effets de révélation avec des décorations de texte natives au lieu de dégradés d’arrière-plan ou d’éléments supplémentaires.

Voir aussi :

  • propriété CSS text-decoration-inet sur MDN. Cela vous permet d’ajuster l’espacement des décorations et de créer des effets de révélation avec des décorations de texte natives, au lieu de dégradés d’arrière-plan ou d’éléments supplémentaires.

Attribut de largeur de police et descripteur de largeur de police

L’attribut width dans l’API et la font-width propriété dans @font-face les FontFace descripteurs sont désormais des alias pour l’attribut et font-stretch la stretch propriété.

Cela aligne Microsoft Edge sur les spécifications mises à jour de chargement des polices CSS et CSS Fonts 4.

Vous pouvez désormais inspecter ou initialiser les largeurs de police à l’aide de la propriété et de la FontFace.widthfont-width propriété CSS.

Voir aussi :

Exposer la hiérarchie CSSStyleValue aux contextes de travail

Les constructeurs suivants sont désormais exposés dans les étendues globales de travail, en plus des étendues de fenêtre et de travail :

  • CSSKeywordValue
  • CSSNumericValue
  • CSSStyleValue
  • CSSUnitValue
  • CSSUnparsedValue

Ces constructeurs font partie de la spécification CSS Typed Object Model.

Cela rend Microsoft Edge et Chromium compatibles avec Firefox et Safari.

Voir aussi :

Fonctionnalités HTML

Les nouvelles fonctionnalités HTML suivantes sont incluses dans Microsoft Edge.

Taille réactive <iframe>

La frame-sizing propriété CSS opte pour un <iframe> élément dans le dimensionnement réactif.

Lorsqu’il est dimensionné de manière réactive, l’élément <iframe> est dimensionné dans le document parent à la taille du document iframe, de sorte que les barres de défilement dans l’iframe sont évitées.

Voir aussi :

Ignorer les améliorations apportées aux fenêtres contextuelles et aux boîtes de dialogue

Le rejet léger est le comportement dans lequel cliquer en dehors d’une fenêtre contextuelle ou d’une boîte de dialogue le ferme.

Le comportement de rejet clair des fenêtres contextuelles et des boîtes de dialogue a été amélioré dans Microsoft Edge 154. Les actions suivantes ne déclenchent plus le rejet clair :

  • Mouvements de défilement sur les écrans tactiles
  • Clics avec le bouton droit

Voir aussi :

API web

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

Argument Options dans le constructeur WebSocket

Le WebSocket constructeur accepte maintenant un objet comme deuxième argument, pour transmettre des option options supplémentaires à la WebSocket connexion. Il s’agit d’une extension de la signature de constructeur existante, qui n’acceptait string auparavant a que pour spécifier des sous-protocoles.

La spécification d’un sous-protocole peut désormais être écrite de l’une des deux manières suivantes :

// Using the existing string argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", "soap");

// Using the new option bag argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });

Voir aussi :

targetAddressSpace Option pour les WebSockets

Utilisez l’option targetAddressSpace , lors de l’appel du WebSocket constructeur, pour spécifier qu’une WebSocket connexion à un nom d’hôte public doit être traitée comme allant vers une destination « locale » ou « de bouclage ».

Par exemple, un site web public qui se connecte à un serveur local peut utiliser un nom d’hôte pour éviter de devoir configurer manuellement l’adresse IP privée exacte à utiliser, comme suit :

const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local"});

Cela correspond à une prise en charge similaire sur l’API Fetch.

Un cas d’utilisation courant consiste à contourner les restrictions de contenu mixte lors de la connexion à des serveurs locaux qui ne peuvent pas encore prendre en charge HTTPS.

L’utilisateur doit accorder au site l’autorisation d’accéder au réseau local.

Voir aussi :

Nouveaux algorithmes de cryptographie web

L’API de chiffrement Web prend désormais en charge les nouveaux algorithmes de chiffrement suivants :

  • Cryptographie post-quantique
  • AEAD symétrique commun

Cela vous donne accès aux implémentations fournies par le navigateur d’algorithmes cryptographiques résistants aux quantiques courants normalisés par le NIST :

  • ML-KEM - 768, 1024
  • ML-DSA - 44, 65, 87
  • ChaCha20-Poly1305
  • X-Wing

Voir aussi :

Mise en œuvre de CORS pour l’API de récupération en arrière-plan

L’API de récupération en arrière-plan applique désormais le partage des ressources cross-origin (CORS).

Cela garantit que les demandes de récupération en arrière-plan sont soumises aux mêmes stratégies de sécurité, telles que les vérifications d’accès au réseau local. Cela empêche les sites de contourner CORS (et d’autres vérifications de stratégie de sécurité) en utilisant la récupération en arrière-plan au lieu de la récupération normale.

Voir aussi :

Restrictions d’accès au réseau local pour la récupération en arrière-plan

L’API de récupération en arrière-plan exige désormais que l’origine du worker du service dispose de l’autorisation d’accès au réseau local nécessaire pour envoyer des demandes aux serveurs locaux ou de bouclage.

Cela aligne l’API de récupération en arrière-plan sur l’API de récupération. Cela empêche les sites de contourner les vérifications d’accès au réseau local à l’aide de l’API de récupération en arrière-plan.

Voir aussi :

Extraire l’API : Transférer la raison à partir d’AbortController pour récupérer la réponse

L’abandon reason d’une AbortController instance est maintenant fourni aux méthodes de l’objet Response et à son ReadableStream, plutôt qu’à la promesse de récupération.

Voir aussi :

Iterator.includes

Les itérateurs JavaScript prennent désormais en charge la includes() méthode, ce qui vous permet de vous demander si un itérateur produit une valeur donnée.

Cette méthode est analogue à la méthode sur Array les includes() objets.

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
Insights TextMetrics améliorés Développe l’API TextMetrics Canvas, en ajoutant des rectangles de sélection, des requêtes de cadre englobant et des opérations de cluster de glyphes. Inscrire
Minutage des conteneurs Surveille l’affichage d’un conteneur DOM annoté et a terminé sa peinture initiale. Inscrire
Séparer les durées de style et de disposition dans l’API des images d’animation longues Ajoute styleDurationles propriétés , forcedStyleDuration, layoutDuration, et pour forcedLayoutDuration une analyse plus approfondie des performances CSS. Inscrire
<install> élément HTML Installez de manière déclarative d’autres sites web en tant qu’applications web à l’aide de l’élément <install> . Inscrire
Scripts de module CSS déclaratifs Partage des feuilles de style déclaratives avec des racines fantômes, y compris des racines fantômes déclaratives, à l’aide de modules de style en ligne. Inscrire
API d’informations d’identification numériques - Prise en charge de l’émission Déclenche l’émission des informations d’identification d’utilisateur à partir d’un serveur émetteur d’informations d’identification vers une application de portefeuille numérique. 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
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
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
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
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
É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
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
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
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
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
API de journalisation des diagnostics WebRTC Collecte les journaux de diagnostic internes pour les opérations liées à WebRTC. 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
Prérendu des iframes cross-origin Prérend les iframes cross-origin via un en-tête de réponse opt-in, au lieu de les retarder jusqu’à l’activation de la page. 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
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
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

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.

  • Last updated on