Notes de publication de la plateforme web Microsoft Edge 158 (19 novembre 2026)

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

Fonctionnalités CSS

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

flow-start et flow-end mots clés d’alignement

Les flow-start mots-clés et flow-end sont maintenant acceptés par les propriétés d’alignement CSS, en tant qu’alias des mots-clés et flex-end existantsflex-start.

Ces mots clés font référence aux bords d’un conteneur où le placement du contenu commence et se termine. Cela est utile lorsque le placement est inversé, comme dans les dispositions de voies de grille CSS qui utilisent fill-reverse ou track-reverse. Parce que les mots-clés sont des alias, flex-start et flex-end qu’ils suivent désormais les directions logiques de début et de fin dans n’importe quel mode de disposition où celles-ci diffèrent des directions physiques, et pas seulement dans flexbox.

Voir aussi :

::highlight(*) Sélecteur universel

Le ::highlight(*) sélecteur de pseudo-élément CSS correspond aux pseudo-éléments de mise en surbrillance de toutes les surbrillances personnalisées, quel que soit leur nom.

L’argument * n’ajoute aucune spécificité. Cela signifie que les styles que vous déclarez à l’aide ::highlight(*) agissent comme un style de base, que les règles qui nomment un surlignage spécifique peuvent remplacer.

Par exemple, pour appliquer un arrière-plan jaune à toutes les surbrillances personnalisées, puis remplacer le style d’une surbrillance nommée error:

::highlight(*) {
  background-color: yellow;
}

::highlight(error) {
  background-color: pink;
}

Voir aussi :

Pseudo-classes d’éléments multimédias

Les pseudo-classes CSS suivantes correspondent <audio> et <video> les éléments en fonction de leur état :

  • :playing
  • :paused
  • :seeking
  • :buffering
  • :stalled
  • :muted
  • :volume-locked

Utilisez les pseudo-classes CSS ci-dessus pour styliser les éléments multimédias, ou leur interface utilisateur environnante, sans avoir besoin de JavaScript pour suivre l’état. Par exemple, pour griser une vidéo alors qu’elle est en mémoire tampon :

video:buffering {
  opacity: 0.5;
}

Voir aussi :

closest-corner et farthest-corner rayons pour circle() et ellipse()

Les circle() fonctions de forme de base et ellipse() CSS acceptent désormais les closest-corner mots clés et farthest-corner radius, en plus des mots clés et farthest-side existantsclosest-side.

  • Le closest-corner mot clé rayon est résolu à la distance entre le centre de la forme et le coin le plus proche de la zone de référence.
  • Le farthest-corner mot clé rayon est résolu à la distance entre le centre de la forme et le coin le plus éloigné de la zone de référence.

Cela correspond au comportement des mêmes mots clés dans la radial-gradient() fonction. Vous pouvez utiliser ces mots clés dans les clip-pathpropriétés , shape-outsideet offset-path .

Par exemple, pour découper un élément sur un cercle qui atteint le coin le plus éloigné de l’élément :

.badge {
  clip-path: circle(farthest-corner at 25% 25%);
}

Voir aussi :

object-fit et object-position pour les documents SVG dans <object> et <embed>

Les object-fit propriétés et object-position CSS s’appliquent désormais aux documents SVG (Scalable Vector Graphics) chargés à l’aide d’un <object> élément ou <embed> . Le document SVG est dimensionné et positionné à l’intérieur de la zone de contenu de l’élément, de la même manière que le contenu d’un <img> élément.

Auparavant, Microsoft Edge ignorait les propriétés CSS pour object-position les object-fit documents SVG incorporés et étirait toujours la fenêtre d’affichage du document pour remplir l’intégralité de la zone de contenu.

Voir aussi :

Fonctionnalités HTML

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

<install> élément

L’élément <install> HTML est un contrôle rendu par le navigateur qui permet aux utilisateurs d’installer une application web, sans que vous ayez à écrire de code JavaScript. Étant donné que le navigateur restitue le <install> contrôle, le navigateur reçoit un signal plus fort de l’intention de l’utilisateur que lors de la gestion beforeinstallprompt des événements.

Par défaut, l’élément installe l’application web associée au document actuel. Pour proposer l’installation d’une autre application web, par exemple dans un catalogue d’applications, utilisez l’attribut manifest pour spécifier l’URL du manifeste de l’application web et, éventuellement, l’attribut manifestid pour spécifier l’ID de manifeste. Le contenu de l’élément est un contenu de secours :

<install
  manifest="https://music.example/manifest.webmanifest"
  manifestid="https://music.example/app">
  <a href="https://music.example/">Open Music Example</a>
</install>

L’élément <install> est la contrepartie déclarative de la navigator.install() méthode. Consultez API Web Install ci-dessous.

Les administrateurs peuvent contrôler cette fonctionnalité de deux manières :

  • La stratégie WebAppInstallByUserEnabled peut désactiver l’installation d’applications web par les utilisateurs, y compris les installations démarrées par l’élément <install> et la navigator.install() méthode.
  • La web-app-installation stratégie d’autorisations peut autoriser ou interdire l’utilisation de cette fonctionnalité sur les origines contrôlées par l’administrateur, telles que les sites internes et les iframes.

Voir aussi :

Fonctionnalités SVG

Les nouvelles fonctionnalités SVG (Scalable Vector Graphics) suivantes sont incluses dans Microsoft Edge.

side attribut pour SVG <textPath>

L’attribut side de l’élément SVG <textPath> vous permet de choisir le côté d’un chemin que le texte suit. Le paramètre side="right" inverse le sens du chemin d’accès pour la mise en page du texte. Cela facilite le placement du texte à l’intérieur ou à l’extérieur d’un tracé circulaire, sans dupliquer ni inverser manuellement les données du tracé.

Par exemple :

<svg viewBox="0 0 200 200">
  <path id="circle" d="M 100,100 m -75,0 a 75,75 0 1,1 150,0 a 75,75 0 1,1 -150,0" fill="none" />
  <text>
    <textPath href="#circle" side="right">Text on the other side of the path</textPath>
  </text>
</svg>

Voir aussi :

API web

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

API d’installation web

L’API d’installation web permet à un site web d’inviter l’utilisateur à installer une application web.

La navigator.install() méthode installe soit :

  • Application web associée au document actif.
  • Une application web qui n’est pas associée au document actuel, en transmettant une URL de manifeste et un ID de manifeste facultatif.

Cela permet l’installation d’applications web cross-origin et constitue une meilleure expérience de développement que la gestion des beforeinstallprompt événements.

Par exemple, un catalogue d’applications peut proposer d’installer une application web identifiée par son URL de manifeste :

await navigator.install({
  manifest: "https://music.example/manifest.webmanifest",
  manifestId: "https://music.example/app"
});

L’utilisateur doit toujours confirmer l’installation.

La navigator.install() méthode est la contrepartie impérative de l’élément <install> . Voir <install> l’élément ci-dessus.

Les administrateurs peuvent contrôler cette fonctionnalité de deux manières :

  • La stratégie WebAppInstallByUserEnabled peut désactiver l’installation d’applications web par les utilisateurs, y compris les installations démarrées par la méthode et l’élément navigator.install()<install> .
  • La web-app-installation stratégie d’autorisations peut autoriser ou interdire l’utilisation de cette fonctionnalité sur les origines contrôlées par l’administrateur, telles que les sites internes et les iframes.

Voir aussi :

Stratégie d’autorisations : focus-without-user-activation

La focus-without-user-activation stratégie d’autorisations vous permet de contrôler les modifications de focus par programme apportées par une page web incorporée dans un iframe sur votre site.

Lorsque la stratégie d’autorisations focus-without-user-activation est refusée pour le cadre qui initie le changement de focus, les changements de focus par programme suivants sont bloqués, sauf si ce cadre a une activation utilisateur temporaire ou si le focus est déjà dans sa sous-arborescence :

  • Appels à element.focus() et window.focus().
  • Attribut autofocus .
  • Étapes de mise au point pour les boîtes de dialogue et les fenêtres contextuelles.

Cela n’empêche pas l’ouverture de boîtes de dialogue ou de fenêtres contextuelles. Les changements de focus initiés par l’utilisateur, tels que les clics ou les tabulations, ne sont jamais affectés. La restriction existante sur autofocus les iframes à origines croisées reste inchangée. La focus-without-user-activation stratégie d’autorisations peut restreindre autofocusdavantage , mais l’autorisation de cette stratégie ne s’active autofocus pas dans un cadre cross-origin.

Définissez la stratégie d’autorisations focus-without-user-activation à l’aide de l’une des méthodes suivantes :

  • En-tête de Permissions-Policy réponse HTTP.
  • Attribut allow d’un <iframe> élément. Un cadre parent qui a le focus peut toujours passer le focus à un iframe enfant, même lorsque le cadre enfant refuse la stratégie. Une fois qu’un cadre a un focus, le cadre peut déplacer le focus au sein de sa propre sous-arborescence.

Par exemple, pour empêcher un iframe d’obtenir le focus par programme par lui-même :

<iframe src="https://example.com/widget" allow="focus-without-user-activation 'none'"></iframe>

Voir aussi :

WebAudio : rendu incrémentiel pour OfflineAudioContext

L’interface OfflineAudioContext prend désormais en charge le rendu incrémentiel. Au lieu d’allouer l’intégralité de la mémoire tampon audio avant le début du rendu, l’interface OfflineAudioContext traite et fournit le graphique audio en blocs. Cela réduit les besoins en mémoire lorsque vous traitez de grandes quantités de données audio, en particulier sur les appareils dont la mémoire est limitée.

Voir aussi :

WebTransport : attributs de fiabilité

La reliability propriété et la propriété static supportsReliableOnly sont désormais disponibles sur WebTransport. Ces propriétés vous indiquent les types de connexions pris en charge.

  • La propriété WebTransport.supportsReliableOnly statique indique si le navigateur prend en charge WebTransport exclusivement des connexions fiables. Dans Microsoft Edge, cette propriété retourne false, car une session établie utilise HTTP/3 et prend en charge des datagrammes peu fiables.
  • La reliability propriété d’une instance spécifique WebTransport indique si la session établie prend en charge les transports non fiables, tels que les datagrammes. Cette propriété renvoie "pending"initialement , et passe au retour "supports-unreliable" après l’établissement d’une connexion WebTransport HTTP/3.

Voir aussi :

WebTransport : flux entrants simultanés prévus

Vous pouvez maintenant indiquer à WebTransport combien de flux entrants vous vous attendez à ouvrir à la fois, en utilisant des indications dans le WebTransport() constructeur. Le navigateur utilise ces conseils pour configurer l’allocation de flux QUIC initiale. Cela réduit le risque qu’un serveur qui a besoin d’une concurrence de flux élevée soit bloqué par la limite de flux initiale.

Voir aussi :

WebTransport : Drainage

La draining propriété de WebTransport est une promesse qui se résout lorsque le serveur indique que la session WebTransport sera mise hors service de manière appropriée. Utilisez ce signal pour établir une session de remplacement pendant que les flux existants et la session en cours restent utilisables.

Par exemple :

transport.draining.then(() => {
  // Start a new session, and migrate your streams to it.
});

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
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
API d’informations d’identification numériques - Prise en charge de l’émission Permet à un site de déclencher l’émission d’informations d’identification, telles qu’un permis de conduire ou un diplôme universitaire, à partir d’un serveur émetteur vers l’application de portefeuille numérique de l’utilisateur. Inscrire
PrefetchAndPrerenderActivationBeacon Permet à Microsoft 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 Prérend une page, mais passe à la prélecture lorsqu’un script s’exécute. Inscrire
Marqueurs JS Self-Profiling Extension de l’API JS Self-Profiling en ajoutant 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
API de journalisation des diagnostics WebRTC Permet à votre application web de démarrer, terminer et annuler la collecte des journaux de diagnostic internes pour les opérations WebRTC. Inscrire
Mise en œuvre incorporée de la liste verte des connexions Vous permet d’utiliser l’attribut connectionallowlist d’un <iframe> élément pour exiger que le document incorporé limite ses connexions réseau sortantes à une liste verte déclarée. Si le document incorporé 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 :