Notes de publication de la plateforme web Microsoft Edge 157 (5 novembre 2026)

Voici les nouvelles fonctionnalités et mises à jour de la plateforme web dans Microsoft Edge 157, qui sera publié le 5 novembre 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 les notes de version pour WebView2.

Fonctionnalités CSS

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

corner propriétés abrégées

La nouvelle corner propriété raccourcie CSS définit à la fois le rayon et la forme des coins d’un élément en une seule déclaration, en combinant les propriétés et border-radiuscorner-shape .

Par exemple :

.card {
  /* Equivalent to: border-radius: 20px; corner-shape: squircle; */
  corner: 20px squircle;
}

Les propriétés raccourcies supplémentaires suivantes vous permettent de définir le rayon et la forme de coins spécifiques :

  • Raccourcis par coin : corner-top-left, , corner-top-rightcorner-bottom-left, et corner-bottom-right.
  • Les raccourcis de bord physiques, tels que corner-top et corner-bottom, qui définissent les deux coins d’un carre.
  • Raccourcis de bord logique, tels que corner-block-start et corner-block-end, qui définissent les deux coins d’un bord, en fonction du mode d’écriture.

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.

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 d’utiliser des dégradés d’arrière-plan ou des éléments supplémentaires.

Voir aussi :

Valeur de chaîne personnalisée pour text-overflow

La text-overflow propriété CSS accepte désormais une valeur de chaîne, pour spécifier le texte personnalisé qui s’affiche lorsque le contenu d’un élément déborde et est tronqué.

Auparavant, vous ne pouviez utiliser que les valeurs ou clipellipsis . Une chaîne personnalisée vous permet de créer des indicateurs de débordement qui correspondent mieux à votre contenu, par exemple :

.summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: " (more)";
}

Voir aussi :

position-visibility: anchor-valid et anchor-visible

Lors de l’utilisation du positionnement d’ancre CSS, la position-visibility propriété CSS contrôle lorsqu’un élément positionné par une ancre est masqué. La position-visibility propriété prend désormais en charge les valeurs suivantes :

  • anchor-valid (nouveau) - L’élément positionné par ancrage n’est affiché que si son élément d’ancrage par défaut existe, et l’élément peut donc être positionné par rapport à lui.

  • anchor-visible - L’élément positionné par ancrage n’est affiché que si son élément d’ancrage par défaut est au moins partiellement visible. Cette valeur remplace la anchors-visible valeur.

La valeur plurielle anchors-visible est désormais obsolète et correspond à un alias de anchor-visible. Utilisez anchor-visible plutôt l’option à la place.

Voir aussi :

Fonctionnalités HTML

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

Mode icône uniquement pour les <camera>éléments , <microphone><geolocation> et

Les <camera>éléments , <microphone>et <geolocation> HTML prennent désormais en charge l’attribut, que vous pouvez utiliser pour afficher ces éléments sous forme de boutons compacts contenant uniquement des displaymode icônes, sans texte. Par exemple :

<camera displaymode="icon-only"></camera>

Les boutons d’icône uniquement sont utiles dans les dispositions à espace restreint, telles que les commandes de carte ou les barres d’outils vidéo flottantes. En mode icône uniquement, les éléments conservent les mêmes garanties de sécurité et restent entièrement accessibles aux lecteurs d’écran.

Voir aussi :

API web

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

Méthodes d’insertion et de diffusion en continu HTML mises à jour

Les méthodes d’insertion et de diffusion en continu HTML suivantes offrent un moyen plus cohérent d’insérer dynamiquement du code HTML dans un document existant :

  • Les méthodes positionnelles, qui prennent HTML comme argument et remplacent insertAdjacentHTML()effectivement :
    • beforeHTML() et beforeHTMLUnsafe()
    • afterHTML() et afterHTMLUnsafe()
    • appendHTML() et appendHTMLUnsafe()
    • prependHTML() et prependHTMLUnsafe()
    • replaceWithHTML() et replaceWithHTMLUnsafe()
  • Méthodes de diffusion en continu, qui retournent un WritableStream objet qui analyse le texte HTML que vous lui écrivez :
    • streamHTML() et streamHTMLUnsafe()
    • streamAppendHTML() et streamAppendHTMLUnsafe()
    • streamPrependHTML() et streamPrependHTMLUnsafe()
    • streamReplaceWithHTML() et streamReplaceWithHTMLUnsafe()
    • streamBeforeHTML() et streamBeforeHTMLUnsafe()
    • streamAfterHTML() et streamAfterHTMLUnsafe()

En outre, vous pouvez définir l’option runScriptstrue sur lors de l’appel de l’une des méthodes d’insertion ou de diffusion en continu HTML non sécurisées, afin de permettre à la méthode d’exécuter des scripts de la même manière que createContextualFragment().

Les stratégies de types de confiance peuvent également remplacer le mode de script et le désinfectant utilisés par ces méthodes.

Avant ces méthodes, vous pouviez déjà mettre à jour le HTML dynamiquement à partir d’un script à l’aide de plusieurs API disjointes, chacune avec ses propres différences subtiles. Par exemple, vous pouvez :

  • Mettre à jour partiellement un élément à l’aide de insertAdjacentHTML().
  • Nettoyage du HTML à l’aide de setHTML().
  • Exécuter des scripts à l’aide de createContextualFragment().
  • Stream HTML en utilisant un document détaché.

Ces API multiples et disjointes peuvent être déroutantes et difficiles à utiliser. Ces API peuvent également causer des problèmes de sécurité lorsqu’elles ne sont pas utilisées correctement.

Voir aussi :

API Assainisseur : javascriptURLs option

L’API Sanitizer fournit désormais l’option javascriptURLs de configuration et la setJavascriptURLs() méthode permettant de contrôler si javascript: les URL utilisées pour la navigation, par exemple dans l’attribut href d’un <a> élément, sont supprimées lors du nettoyage du code HTML.

Auparavant, javascript: la suppression ou non des URL dépendait de la méthode que vous utilisiez :

  • Les méthodes sûres, telles que setHTML(), ont toujours supprimé javascript: les URL.
  • Les méthodes non sécurisées, telles que setHTMLUnsafe(), n’ont jamais supprimé javascript: les URL.

Désormais, la suppression javascript: des URL fait partie intégrante de la configuration du désinfectant, que vous pouvez utiliser avec n’importe quelle méthode.

Si vous n’utilisez pas la nouvelle option, le comportement reste inchangé.

Voir aussi :

HTML dans la zone de dessin

L’API HTML-in-canvas vous permet de dessiner des éléments HTML dans un <canvas> élément, afin que vous puissiez utiliser le canevas pour personnaliser la façon dont le contenu HTML est rendu, tout en gardant le contenu accessible, interactif et correctement mis en page.

Par exemple, vous pouvez utiliser HTML dans le canevas pour afficher les éléments suivants :

  • Styliser le texte dans les graphiques.
  • Contenu enrichi dans les outils créatifs.
  • Menus dans le jeu.
  • Contenu HTML sur les surfaces d’une scène 3D.

HTML-in-canvas fournit les primitives suivantes :

  • Attributs pour choisir les descendants d’un <canvas> élément dans la mise en page et le dessin.
  • Méthodes pour dessiner des éléments dans le canevas : drawElementImage() pour les contextes de canevas 2D, et méthodes équivalentes pour WebGL et WebGPU.
  • Événement paint qui se déclenche lorsque les éléments dessinés doivent être mis à jour dans le canevas.
  • Méthodes de synchronisation de la géométrie des éléments dessinés avec le DOM, pour les tests d’accès et l’accessibilité.

Voir aussi :

API des cadres d’animation longs : durées de style et de disposition

L’API des images d’animation longues signale désormais le temps consacré aux calculs de style et de disposition, afin que vous puissiez distinguer le temps de style du temps de mise en page lors de l’analyse d’images lentes :

  • PerformanceLongAnimationFrameTiming Les objets ont les nouvelles styleDuration propriétés ET, layoutDuration qui signalent le temps consacré au recalcul des styles et à la mise à jour de la disposition, dans le cadre de la mise à jour du rendu.
  • PerformanceScriptTiming Les objets ont les nouvelles forcedStyleDuration propriétés ET, forcedLayoutDuration qui signalent le temps consacré aux calculs de style et de disposition forcés de manière synchrone par des scripts.

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 :

ProgressEvent dans les workers du service

L’interface ProgressEvent est désormais disponible dans les workers du service. Vous pouvez utiliser le ProgressEvent() constructeur d’un worker du service pour créer des événements de progression avec les lengthComputablepropriétés , loadedet total .

Cela aligne les workers du service sur d’autres contextes de travail et sur la norme XMLHttpRequest.

Voir aussi :

Web Bluetooth : BluetoothRemoteGATTServer est un EventTarget

L’interface BluetoothRemoteGATTServer hérite désormais de EventTarget, et expose donc les addEventListener()méthodes , removeEventListener(), et dispatchEvent() .

Cela permet de distribuer des événements de niveau connexion directement sur l’objet serveur GATT.

Voir aussi :

WebGPU : atomic-vec2u-min-max fonctionnalité

La atomic-vec2u-min-max fonctionnalité WebGPU vous permet d’utiliser des opérations minimales et maximales atomiques de 64 bits sur atomic<vec2u> les valeurs, dans les nuanceurs WebGPU Shading Language (WGSL).

Cela vous permet d’implémenter des algorithmes qui nécessitent des atomes 64 bits, sans nécessiter une prise en charge complète des entiers 64 bits.

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
É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
API de remplacement d’image d’agent utilisateur Vous permet d’observer quand des fonctionnalités du navigateur remplacent les images dans le contenu de votre page. Ces fonctionnalités de navigateur sont actuellement limitées à des sites sélectionnés. 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
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
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
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
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
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
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
Mise en œuvre incorporée de la liste verte des connexions Permet à un incorporeur d’utiliser l’attribut connectionallowlist d’un <iframe> élément pour exiger que le document encadré limite ses connexions réseau sortantes à une liste verte déclarée. Si le document encadré ne fournit pas d’en-tête correspondant Connection-Allowlist , sa réponse est bloquée. 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 :