Notes de publication de la plateforme web Microsoft Edge 146 (mars 2026)

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

Pour rester à jour et obtenir les dernières fonctionnalités de la plateforme web, téléchargez un canal en préversion de Microsoft Edge (bêta, dev ou canary) ; accédez à Devenir un Microsoft Edge Insider.

Contenu détaillé :

Edge DevTools

Consultez Nouveautés de DevTools (Microsoft Edge 146).

WebView2

Consultez La version 1.0.3856.49 du Kit de développement logiciel (SDK) pour runtime 146 (16 mars 2026) dans notes de publication du Kit de développement logiciel (SDK) WebView2.

Fonctionnalités CSS

Les nouvelles fonctionnalités CSS (Cascading Style Sheets) suivantes sont incluses dans Microsoft Edge.

Animations déclenchées par défilement

Les animations déclenchées par défilement vous permettent de contrôler les animations en fonction de la position de défilement. Vous pouvez lire, suspendre ou réinitialiser une animation lorsqu’une certaine position de défilement est atteinte.

Cette fonctionnalité élimine la nécessité d’utiliser JavaScript pour détecter manuellement quand un élément est dans l’affichage, puis déclencher des animations. Au lieu de cela, vous pouvez définir des animations basées sur le défilement de manière déclarative dans CSS, ce qui permet au navigateur d’optimiser les performances en exécutant les animations sur un thread de travail.

Voir aussi :

hanging et each-line mots clés pour text-indent

La text-indent propriété prend désormais en charge deux mots clés facultatifs :

  • hanging: met en retrait toutes les lignes à l’exception de la première ligne.
  • each-line: applique la mise en retrait à chaque ligne qui se trouve après un saut de ligne forcé, au lieu de mettre en retrait uniquement la première ligne.

Ces mots clés vous permettent de mieux contrôler la façon dont la mise en retrait du texte est appliquée dans différents scénarios.

Voir aussi :

trigger-scope

La trigger-scope propriété vous permet de contrôler l’étendue des noms de déclencheurs d’animation, de la même façon que la portée des ancres fonctionne avec la anchor-scope propriété .

Les noms de déclencheurs déclarés par des propriétés telles que timeline-trigger sont globaux par défaut, ce qui peut entraîner des conflits d’affectation de noms. Utilisez trigger-scope pour limiter la visibilité des noms de déclencheurs à une étendue spécifique, afin d’empêcher le déclenchement d’animations involontaires.

meta name="text-scale" Élément

L’élément <meta name="text-scale" content="scale"> meta met à l’échelle la taille de police par défaut de votre page avec les paramètres de mise à l’échelle du texte du système d’exploitation et du navigateur de l’utilisateur.

Cela est utile si votre page utilise des unités relatives à la police, telles que rem ou em. Cet <meta> élément indique au navigateur que votre page est conçue pour être bien mise à l’échelle avec différentes préférences de taille de texte, afin que le navigateur puisse désactiver ses propres mécanismes de redimensionnement automatique du texte.

API web

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

Registres d’éléments personnalisés délimités

Vous pouvez maintenant créer des registres d’éléments personnalisés distincts du registre global window.customElements à l’aide du CustomElementRegistry() constructeur .

La création de registres personnalisés est utile pour permettre la coexistence de plusieurs éléments personnalisés portant le même nom de balise.

Par exemple, si vous avez deux versions différentes d’une bibliothèque qui définissent tous deux un <my-button> élément personnalisé, vous pouvez créer des registres distincts pour chaque version de la bibliothèque, afin d’éviter les conflits de noms.

Voir aussi :

LCP correspond au comportement des spécifications pour l’émission de candidats

L’algorithme LCP (Largest Contentful Paint) émet désormais des candidats en fonction du contenu peint. Cela aligne l’algorithme sur le comportement le plus récent conformément à la spécification.

Auparavant, LCP pouvait envisager des images en attente, mais pas encore peintes comme candidates. Avec cette mise à jour, les émissions de candidats reflètent plus étroitement ce que les utilisateurs ont réellement vu.

Voir aussi :

API de navigation : ajouter un gestionnaire de post-validation à partir de la précommit

Lors de la gestion d’un événement, vous pouvez maintenant inscrire le travail post-validation lors de l’exécution d’une navigate logique de précommit.

Cela améliore l’ergonomie pour les flux de navigation dans le même document où la configuration doit avoir lieu avant la validation, mais un travail supplémentaire doit s’exécuter après la validation.

Voir aussi :

Intervention d’autorisations sélectives

L’intervention d’autorisations sélectives permet de s’assurer que les autorisations sensibles sont utilisées d’une manière qui s’aligne sur l’intention de l’utilisateur.

Cette modification limite l’utilisation des autorisations par des contextes tiers opportunistes, ce qui réduit le risque d’accès involontaire à des fonctionnalités telles que la caméra, le microphone, la géolocalisation ou Bluetooth.

Voir aussi :

Les paramètres de type MIME sont conservés dans les URL de données

Lorsque vous utilisez des URL de données, les paramètres de type MIME (tels que charset ou boundary) sont maintenant conservés dans l’en-tête Content-Type .

Cette modification aligne la gestion des URL de données avec la spécification de l’API Fetch et garantit que les informations de paramètre dans les URL de données ne sont pas perdues pendant le traitement.

Voir aussi :

Intl.Locale.prototype.variants

La Intl.Locale.prototype.variants propriété retourne les variantes associées à des paramètres régionaux sous la forme d’une chaîne d’identificateurs séparés par des tirets.

Vous pouvez également passer "variants" l’objet options lors de la construction d’un Intl.Locale.

Voir aussi :

Séquencement d’itérateur

La Iterator.concat() méthode crée un itérateur en combinant plusieurs itérateurs dans l’ordre.

Vous pouvez passer n’importe quel nombre d’itérables à Iterator.concat(), et l’itérateur résultant génère des valeurs de chaque itérable dans l’ordre.

Voir aussi :

API de statistiques de lecture pour WebAudio

La AudioContext.playbackStats propriété fournit des statistiques sur votre lecture audio web, telles que :

  • Latence moyenne.
  • Latence minimale/maximale.
  • Durée de sous-exécution.
  • Nombre de sous-exécutions.

Utilisez cette API pour surveiller la qualité audio et détecter les problèmes de lecture audio.

Cette fonctionnalité était précédemment appelée AudioContext.playoutStats. La fonctionnalité a été renommée en , pour s’aligner AudioContext.playbackStatssur la spécification finale de l’API Audio web. L’ancien nom est toujours disponible en tant qu’alias déconseillé, pour la compatibilité descendante.

Voir aussi :

Conservation des dropEffect valeurs des événements de dragover à drop

Lorsque vous utilisez l’API Glisser-déplacer, la dropEffect valeur définie dans un dragover événement est maintenant conservée et disponible dans l’événement suivant drop .

Auparavant, le navigateur remplace la dropEffect valeur par sa propre opération négociée, ce qui vous empêchait de contrôler le retour visuel et l’opération finale effectuée.

Voir aussi :

API de nettoyage

L’API Sanitizer offre un moyen simple et sûr de supprimer le contenu HTML non sécurisé des chaînes HTML fournies par l’utilisateur.

Utilisez cette API pour nettoyer les entrées HTML et réduire le risque d’attaques XSS (intersites) lors de l’affichage du contenu généré par l’utilisateur.

Voir aussi :

Couleur d’accentuation système de l’étendue de l’application web

La accent-color: auto propriété CSS est désormais limitée à fonctionner uniquement dans les applications web installées. Cela s’aligne sur les mots clés de couleur système existants AccentColor et AccentColorText CSS.

Auparavant, quand accent-color était défini sur auto, les contrôles de formulaire adoptaient la couleur d’accentuation système dans tous les contextes (à la fois les pages web et les applications web installées). Cette modification garantit que les couleurs d’accentuation système sont disponibles uniquement dans les contextes d’application web installés. Cela fournit des attentes plus cohérentes pour les développeurs et les utilisateurs, tout en respectant les restrictions d’empreinte digitale.

Voir aussi :

Mode de compatibilité WebGPU

Le mode de compatibilité WebGPU ajoute un sous-ensemble de l’API WebGPU, légèrement restreint, qui est capable d’exécuter des API graphiques plus anciennes telles qu’OpenGL et Direct3D11.

En optant pour ce mode et en suivant ses contraintes, vous pouvez étendre la portée de votre application WebGPU à de nombreux appareils plus anciens qui n’ont pas les API graphiques modernes et explicites requises par WebGPU.

  • Pour une application simple, la seule modification requise consiste à définir l’option sur lors de l’appel featureLevelrequestAdapter()de "compatibility" .

  • Pour une application plus avancée, certaines modifications peuvent être nécessaires pour prendre en charge les restrictions du mode de compatibilité. Toutefois, étant donné que le mode de compatibilité utilise un sous-ensemble de l’API WebGPU, votre application fonctionne également sur les navigateurs qui ne prennent pas en charge le mode de compatibilité.

Voir aussi :

WebGPU : liaison de texture et d’échantillonneur let

Dans WGSL, une let déclaration peut désormais stocker un objet de type texture ou échantillonneur, grâce à la fonctionnalité de texture_and_sampler_let langage.

Cela permet :

  • Code nuanceur plus flexible organization.
  • Réutilisation des liaisons de texture et d’échantillonneur.

WebGPU : pièces jointes temporaires

Utilisez le nouvel TRANSIENT_ATTACHMENT indicateur d’utilisation de la texture GPU pour créer des pièces jointes de passe de rendu qui peuvent rester dans la mémoire des vignettes. Cela permet d’éviter le trafic VRAM et potentiellement d’éviter l’allocation de VRAM pour les textures.

Lorsqu’une texture est déclarée comme temporaire (ou « sans mémoire »), le GPU sait que le contenu de cette texture n’est nécessaire que temporairement dans la passe de rendu actuelle.

Étant donné que le contenu de la texture est ignoré après la passe de rendu, le pilote n’a peut-être pas besoin d’allouer de l’espace pour cette texture dans la VRAM principale. Même sans prise en charge matérielle des pièces jointes temporaires, cet indicateur peut être utilisé pour réutiliser les allocations de texture entre les passes, ce qui réduit l’utilisation maximale de la mémoire.

Voir aussi :

Remplir targetURL pendant la gestion des fichiers

Lorsqu’une application web progressive (PWA) est lancée via la gestion des fichiers, la LaunchParams.targetURL propriété est désormais correctement renseignée dans la file d’attente de lancement.

Auparavant, cette propriété se trouvait null lorsqu’un lancement de fichier était dirigé vers une fenêtre existante.

À présent, l’URL de votre champ manifeste action est disponible pour le launchQueue consommateur. Cela offre une cohérence avec d’autres déclencheurs de lancement, tels que les lancements de raccourcis et la capture de navigation.

Cela vous permet de mieux comprendre l’intention du lancement et de gérer une logique de routage spécifique, même lorsque la charge utile principale est un ensemble de handles de fichier.

Voir aussi :

Arrêter la mise en file d’attente lors du LaunchParams rechargement

n’envoie launchQueue plus le dernier LaunchParams (y compris les descripteurs de fichier) lorsqu’un utilisateur recharge la page dans un PWA.

Auparavant, une actualisation de page déclenchait à nouveau le consommateur de lancement avec les données du lancement d’origine, ce qui entraînait souvent un comportement inattendu.

Par exemple, une application peut inviter les utilisateurs à indiquer « Enregistrer les modifications ? » ou « Remplacer ce fichier ? », chaque fois qu’ils actualisent la page.

Cette modification garantit qu’un rechargement est traité comme une navigation standard, plutôt que comme un nouveau lancement, et launchQueue ne sera rempli que lorsqu’un nouvel événement de lancement de fichier se produit réellement.

Voir aussi :

Essais d’origine

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

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

Pour obtenir la liste complète des essais d’origine disponibles, consultez Microsoft Edge Origin Trials.

API d’installation web

Expire le 14 juillet 2026.

L’API d’installation web permet à un site web d’installer d’autres sites web en tant qu’applications web sur l’appareil de l’utilisateur, à l’aide navigator.install()de .

API d’informations d’identification numériques - Prise en charge de l’émission

Expire le 14 juillet 2026.

L’API Informations d’identification numériques permet de déclencher l’émission des informations d’identification de l’utilisateur à partir d’un serveur émetteur d’informations d’identification vers une application de portefeuille numérique. Par exemple, cette API peut être utilisée pour déclencher l’approvisionnement d’un nouveau permis de conduire, ou d’un diplôme universitaire vérifié, d’un serveur gouvernemental ou universitaire vers le portefeuille numérique d’un utilisateur.

Descripteurs personnalisés WebAssembly

Expire le 16 juin 2026.

Les descripteurs personnalisés WebAssembly permettent à WebAssembly de stocker plus efficacement les données associées aux types au niveau de la source, dans de nouveaux objets de descripteur personnalisés.

prerender_until_script Action de l’API Règles de spéculation

Expire le 8 septembre 2026.

prerender_until_script est une nouvelle action pour l’API Règles de spéculation. Cette nouvelle action fournit une option intermédiaire entre les prefetch actions et .prerender

Utilisez l’action prerender_until_script lorsque vous souhaitez que le navigateur pré-active une page, mais arrêtez et revenez à la prérécupération après le démarrage de l’exécution d’un script spécifique.

TextMetrics de canevas amélioré

Expire le 11 août 2026.

La version d’évaluation de l’origine Canvas TextMetrics améliorée étend l’API TextMetrics Canvas pour prendre en charge :

  • Rectangles de sélection.
  • Requêtes de cadre englobant.
  • Opérations basées sur un cluster glyphe.

Cette nouvelle fonctionnalité permet aux applications d’édition de texte complexes de disposer d’une sélection précise, d’un positionnement d’insertion et d’un test de positionnement. En outre, le rendu basé sur les clusters facilite les effets de texte sophistiqués, tels que :

  • Animations de caractères indépendantes.
  • Style de caractère indépendant.

Informations sur cet essai d’origine :

WebNN

Expire le 14 juillet 2026.

L’essai d’origine WebNN vous permet d’expérimenter une couche d’abstraction sur les fonctionnalités d’accélération ML fournies par la plateforme.

WebNN vous aide à comprendre :

  • Dans quelle mesure les modèles réels sont mappés aux opérations prises en charge par WebNN.
  • Dans quelle mesure WebNN peut mapper ces opérations à différents matériels.

Informations sur cet essai d’origine :

WebAudio configurable render quantum

Expire le 8 septembre 2026.

Avec la version d’évaluation de l’origine WebAudio Configurable Render Quantum, vous pouvez spécifier une renderSizeHint option lors de la création d’un AudioContext ou OfflineAudioContext, pour demander une taille quantique de rendu particulière.

<usermedia> Élément HTML

Expire le 14 juillet 2026.

L’élément <usermedia> HTML est un élément contrôlé par le navigateur pour demander l’accès à la caméra ou au microphone.

Utilisation d’un élément HTML sémantique au lieu de JavaScript :

  • Fournit une meilleure clarté aux utilisateurs sur la demande d’autorisation.
  • Améliore l’accessibilité.
  • Empêche les modèles d’interface utilisateur manipulateurs.
  • Simplifie le flux de travail en fournissant directement le flux multimédia à votre application. Cela élimine la nécessité d’appels d’API distincts.

Informations sur cet essai d’origine :

Accès au réseau local à partir de contextes non sécurisés

Expire le 19 mai 2026.

L’accès au réseau local à partir de contextes non sécurisés autorise temporairement l’accès aux ressources sur les réseaux locaux à partir de contextes non sécurisés. Cela vous donne plus de temps pour migrer les demandes d’accès au réseau local afin qu’elles proviennent d’un contexte sécurisé.

Pour connaître les restrictions d’accès au réseau local, consultez Nouvelle invite d’autorisation pour l’accès au réseau local. Cet essai d’origine ne peut être activé que par le biais de jetons d’origine fournis par l’en-tête HTTP.

Remarque

Les parties de cette page sont des modifications basées sur le travail créé et partagé par Chromium.org et utilisées selon les termes décrits dans la licence internationale Creative Commons Attribution 4.0.

  • Last updated on