Notes de publication de la plateforme web Microsoft Edge 152 (août 2026)

Voici les nouvelles fonctionnalités et mises à jour de la plateforme web dans Microsoft Edge 152, qui sera publié le 27 août 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 du SDK WebView2.

Fonctionnalités CSS

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

CSS alpha()

La fonction CSS alpha() crée une nouvelle couleur en appliquant une valeur alpha spécifiée à une couleur existante.

Par exemple, alpha(from red / 0.5) crée une couleur rouge semi-transparente avec une opacité de 50 %.

Voir aussi :

Propriété CSS window-drag

Lorsqu’elle est utilisée dans une application web progressive (PWA) installée, la window-drag propriété CSS définit les régions de l’interface utilisateur de l’application web qui se comportent comme des zones de barre de titre de fenêtre déplaçables.

Lorsqu’elle est appliquée à un élément, une interaction de pointeur de type cliquer-déplacer déplace la fenêtre d’application de niveau supérieur.

Cela est utile pour les PWA installés sur les systèmes d’exploitation de bureau et les applications qui utilisent la fonctionnalité de superposition des contrôles de fenêtre pour implémenter des barres de titre personnalisées et des zones déplaçables lorsque la barre de titre fournie par le navigateur est masquée.

La window-drag propriété standardise et renomme la propriété existante app-region .

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

Voir aussi :

Fonctionnalités HTML

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

<camera> et <microphone> éléments

Les <camera> éléments et <microphone> HTML sont des boutons fournis par le navigateur qui, lors de l’activation, permettent d’activer/désactiver les flux de caméra ou de microphone. Si nécessaire, le bouton invite l’utilisateur à choisir s’il souhaite accorder l’accès à la page à la caméra et au microphone.

Les <camera> éléments et <microphone> partagent le même mécanisme sous-jacent que l’élément <usermedia> , avec une distinction essentielle : ils sont conçus pour demander une seule capacité :

  • L’élément <camera> demande spécifiquement la capture vidéo.
  • L’élément <microphone> demande spécifiquement la capture audio.

Comme l’élément <usermedia> , les <camera> éléments et <microphone> intègrent une interface utilisateur strictement stylisée et contrôlée par le navigateur dans la page. Cela garantit qu’il y a un signal fort et intentionnel de l’utilisateur, avant qu’une invite d’autorisation ne soit déclenchée ou qu’un flux ne soit lancé.

Voir aussi :

  • <usermedia> dansles notes de publication de la plateforme web Microsoft Edge 151 (juillet 2026).

Cible de référence

La referenceTarget propriété d’un ShadowRoot objet transfère des attributs tels que for, aria-labelledby, popovertargetet commandfor aux éléments à l’intérieur d’un DOM fantôme. Par exemple, vous pouvez l’utiliser pour lier a <label> à son <input>, même si le <input> est dans l’ombre DOM d’un composant web.

Lorsqu’un hôte fantôme spécifie un élément de son arborescence d’ombre pour qu’il agisse comme cible de référence, toutes les références d’ID qui pointent vers l’hôte fantôme sont transmises à l’élément cible de référence.

Une cible de référence peut également être définie en HTML, en utilisant l’attribut shadowrootreferencetarget , comme dans l’exemple suivant :

<label for="my-checkbox">Checkbox value</label>
<custom-checkbox id="my-checkbox">
  <template shadowrootmode="open" shadowrootreferencetarget="real-checkbox">
    <input id="real-checkbox" type="checkbox">
  </template>
</custom-checkbox>

Voir aussi :

autocorrect attribut HTML global

L’attribut autocorrect HTML global détermine s’il faut corriger automatiquement les erreurs d’orthographe ou de ponctuation pour l’entrée utilisateur dans <input> les éléments et <textarea> et dans les éléments avec l’attribut contenteditable .

Voir aussi :

API web

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

Déchargement planifié de l’événement de déchargement

Edge 152 introduit la nouvelle unload stratégie d’autorisation, pour permettre la création d’écouteurs d’événements de déchargement. La valeur par défaut est initialement allow, mais entre Edge 152 et Edge 155, la valeur par défaut sera progressivement migrée vers deny, de sorte que les gestionnaires de déchargement cessent de se déclencher sur les pages, à moins qu’une page ne choisisse explicitement de les réactiver. Pour activer explicitement les gestionnaires d’événements unload, utilisez la allow valeur.

  • Edge 152 : les gestionnaires de déchargement cessent de se déclencher par défaut pour 60 % des chargements de pages, sauf si le site active explicitement les gestionnaires de déchargement via la stratégie d’autorisation unload .
  • Edge 154 : augmente jusqu’à 80 % des chargements de page.
  • Edge 155 : augmente à 100 % des chargements de page.

Ce changement se produit dans le projet Chromium, sur lequel Microsoft Edge est basé.

L’événement de déchargement n’est pas un moyen fiable d’effectuer les opérations suivantes, car les navigateurs et les systèmes d’exploitation peuvent suspendre ou arrêter des pages sans déclencher l’événement de déchargement :

  • Enregistrez les données.
  • Effectuez un nettoyage.
  • Signaler la fin d’une session.

L’utilisation de l’événement de déchargement peut également empêcher les pages d’utiliser le cache précédent/suivant, ce qui peut ralentir la navigation vers l’arrière et vers l’avant.

Vous devez effectuer une migration vers des événements de cycle de vie et des API conçus pour les scénarios ci-dessus. L’orientation à long terme de la plateforme web est de supprimer la prise en charge de l’événement de déchargement.

Voir aussi :

encryptionScheme attribut de navigator.mediaCapabilities.decodingInfo()

En plus des contentType attributs et robustness , vous pouvez désormais utiliser l’attribut encryptionScheme lors de l’interrogation des fonctionnalités multimédias à l’aide de navigator.mediaCapabilities.decodingInfo().

Cela vous permet de déterminer si une combinaison spécifique de codec, de robustesse et de schéma de chiffrement est prise en charge sur l’appareil de l’utilisateur et, par conséquent, de détecter si vos médias chiffrés seront lus.

Voir aussi :

API de performances du processeur

L’API Performances du processeur vous permet de déterminer les performances du processeur de l’appareil de l’utilisateur. Vous pouvez utiliser ces informations pour améliorer l’expérience utilisateur, éventuellement en combinaison avec l’API Compute Pressure.

L’API Compute Pressure fournit des informations sur la pression ou l’utilisation du processeur de l’appareil utilisateur et permet aux applications de réagir aux changements de pression du processeur.

Voir aussi :

Prise en charge de CSSPseudoElement pour ::backdrop, ::scroll-markeret ::view-transitions

L’interface CSSPseudoElement représente un pseudo-élément CSS et peut être obtenue en appelant Element.pseudo() ou CSSPseudoElement.pseudo().

L’interface CSSPseudoElement prend désormais en charge les ::backdroppseudo-éléments , ::scroll-marker, et , en ::view-transitions plus des ::afterpseudo-éléments , ::beforeet ::marker .

L’utilisation de l’interface CSSPseudoElement avec ces nouveaux pseudo-éléments vous permet d’effectuer les opérations suivantes :

  • ::backdrop: utile pour fermer une boîte de dialogue lorsque l’utilisateur clique sur l’arrière-plan, sans interférer avec les clics dans le contenu de la boîte de dialogue. De ce fait, il n’est pas nécessaire d’utiliser une logique d’intersection complexe pour déterminer l’emplacement du clic.

  • ::scroll-marker: Utile pour collecter des statistiques de clics.

  • ::view-transitions: vous permet d’intercepter une transition de vue en plein vol pour démarrer une nouvelle transition de vue, en utilisant les coordonnées de l’élément en cours d’animation pour éviter les sauts visuels soudains.

Voir aussi :

Listes d’autorisation de connexion

Les listes d’autorisation de connexion vous permettent de déclarer et d’appliquer des listes d’autorisation explicites pour les points de terminaison réseau qui peuvent être atteints par les API réseau telles que l’API Fetch. Cela améliore le contrôle réseau sortant et réduit le risque de connexions involontaires.

La liste des points de terminaison autorisés est distribuée à partir du serveur via l’en-tête Connection-Allowlist de réponse HTTP. Avant de se connecter à un serveur, le navigateur évalue la destination par rapport à cette liste verte. Les connexions aux points de terminaison vérifiés sont autorisées, mais les destinations qui ne correspondent pas aux entrées de la liste verte sont bloquées.

Voir aussi :

OpaqueRange pour le texte de contrôle de formulaire

Permet OpaqueRange de représenter une étendue de texte en direct dans la valeur d’un contrôle de formulaire, par exemple un ou un <textarea> .<input>

OpaqueRange Permet d’effectuer les opérations suivantes avec des plages de texte :

  • Opérations telles que getBoundingClientRect() et getClientRects().
  • Intégration avec l’API CSS Custom Highlight.

Cela active des scénarios tels que les suggestions en ligne, les surbrillances et les popovers ancrés.

OpaqueRange préserve l’encapsulation en n’exposant que des décalages de valeur et renvoie null pour startContainer et endContainer.

Voir aussi :

WebGPU : contrôle de la taille des sous-groupes

La fonction GPU subgroup-size-control vous permet de définir explicitement la taille des sous-groupes dans un nuanceur de calcul.

Cela est utile lorsque vous devez optimiser les performances d’un nuanceur de calcul sur certaines plateformes, par exemple pour les charges de travail d’IA.

Voir aussi :

audioSelection:preferred option pour getDisplayMedia()

La getDisplayMedia() méthode prend désormais en charge l’option audioSelection:preferred .

Cette option vous permet d’indiquer au navigateur que vous préférez le partage audio en même temps que la vidéo.

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
Heuristique de navigation douce Expose les heuristiques de navigation douce pour collecter les métriques de performances dans les applications monopage. Inscrire
URL et hachages d’évaluation dans CSP script-src Introduit les hachages url- et eval- pour script-src les directives CSP, en remplaçant les listes d’autorisation basées sur les noms d’hôte et unsafe-eval. 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
focus-without-user-activation stratégie d’autorisations Donne à un incorporeur le contrôle sur le focus programmatique du contenu incorporé via la stratégie d’autorisations focus-without-user-activation . Lorsque la stratégie est refusée pour une trame, les appels de focus par programme (element.focus(), autofocus, window.focus()dialog.showModal(), et le focus contextuel) sont bloqués, sauf s’ils sont déclenchés par l’activation de l’utilisateur, ou si le focus est délégué. 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
WebAudio Rendu quantique configurable Permet de spécifier une taille quantique de rendu personnalisée lors de la création d’un ou OfflineAudioContext.AudioContext 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
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
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
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 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
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
É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
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
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
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
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
Algorithmes WebCrypto supplémentaires Permet l’utilisation d’algorithmes WebCrypto supplémentaires, y compris quelques algorithmes PQ. Algorithmes activés : ChaCha20-Poly1305, ML-DSA-44, ML-DSA-65, ML-DSA-87, ML-KEM-768, ML-KEM-1024, MLKEM768-X25519. 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

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