Remarque
L’accès à cette page requiert une autorisation. Vous pouvez essayer de vous connecter ou de modifier des répertoires.
L’accès à cette page requiert une autorisation. Vous pouvez essayer de modifier des répertoires.
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 d’aperçu de Microsoft Edge (Beta, Dev ou Canary) ; accédez à Devenir un Microsoft Edge Insider.
Contenu détaillé :
- Microsoft Edge DevTools
- WebView2
- Fonctionnalités CSS
-
API web
- Registres d’éléments personnalisés étendus
- LCP correspond au comportement spécifié pour l’émission de candidats
- API de navigation : Ajouter un gestionnaire de post-validation à partir de la prévalidation
- Intervention d’autorisations sélectives
- Les paramètres de type MIME sont conservés dans les URL de données
Intl.Locale.prototype.variants- Séquencement de l’itérateur
- API de statistiques de lecture pour WebAudio
-
Préservation
dropEffectdes valeurs desdragoverdropévénements - API Assainisseur
- Mode de compatibilité WebGPU
-
WebGPU : liaison de textures et d’échantillonneurs
let - WebGPU : pièces jointes transitoires
-
Remplir
targetURLpendant la gestion des fichiers -
Arrêter la remise en file d’attente
LaunchParamsau rechargement
-
Versions d’évaluation d’origine
- API d’installation web
- API d’informations d’identification numériques - Prise en charge de l’émission
- Descripteurs personnalisés WebAssembly
-
prerender_until_scriptAction de l’API Règles de spéculation - Insights TextMetrics améliorés
- WebNN
- Rendu quantique configurable WebAudio
-
<usermedia>élément HTML - Accès au réseau local à partir de contextes non sécurisés
Microsoft Edge DevTools
Découvrez les nouveautés de DevTools (Microsoft Edge 146).
WebView2
Voir :
Fonctionnalités CSS
Les nouvelles fonctionnalités suivantes des feuilles de style en cascade (CSS) sont incluses dans Microsoft Edge.
Animations déclenchées par le 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 le besoin d’utiliser JavaScript pour détecter manuellement la présence d’un élément, 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 :
- Déclencheurs de chronologie dans le module d’animations CSS niveau 2.
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 sauf la première. -
each-line: applique un 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 donnent plus de contrôle sur la façon dont le retrait du texte est appliqué dans différents scénarios.
Voir aussi :
- text-indent à MDN.
trigger-scope
La trigger-scope propriété vous permet de contrôler l’étendue des noms des déclencheurs d’animation, de la même manière que la portée d’ancrage fonctionne avec la anchor-scope propriété.
Noms de déclencheur déclarés par des propriétés telles que timeline-trigger sont globaux par défaut, ce qui peut entraîner des conflits de nommage. Permet trigger-scope de limiter la visibilité des noms de déclencheur à une portée spécifique, afin d’éviter le déclenchement d’animations inattendues.
meta name="text-scale" élément
L’élément <meta name="text-scale" content="scale"> meta met la taille de police par défaut de votre page à l’échelle avec le système d’exploitation de l’utilisateur et les paramètres d’échelle du texte du navigateur.
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 bien s’adapter aux 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 étendus
Vous pouvez désormais créer des registres d’éléments personnalisés distincts du registre global window.customElements à l’aide CustomElementRegistry() du 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 chacune 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 nom.
Voir aussi :
LCP correspond au comportement spécifié 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 selon la spécification.
Auparavant, LCP pouvait considérer des images en attente mais pas encore peintes comme candidates. Avec cette mise à jour, l’émission candidate reflète plus fidèlement ce que les utilisateurs ont réellement vu.
Voir aussi :
- LargestContentfulPaint sur MDN.
API de navigation : Ajouter un gestionnaire de post-validation à partir de la prévalidation
Lors de la gestion d’un événement, vous pouvez désormais inscrire le navigate travail post-validation tout en exécutant la logique de prévalidation.
Cela améliore l’ergonomie des flux de navigation dans les documents identiques où la configuration doit se produire avant la validation, mais un travail supplémentaire doit s’exécuter après la validation.
Voir aussi :
- API de navigation sur MDN.
Intervention d’autorisations sélectives
L’intervention d’autorisations sélectives permet de s’assurer que les autorisations sensibles sont utilisées de manière à s’aligner sur l’intention de l’utilisateur.
Cette modification limite l’utilisation des autorisations par des contextes tiers opportunistes, réduisant ainsi le risque d’accès involontaire à des fonctionnalités telles que la caméra, le microphone, la géolocalisation ou le Bluetooth.
Voir aussi :
- API d’autorisations sur MDN.
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 désormais conservés dans l’en-tête Content-Type .
Cette modification aligne la gestion des URL de données sur les spécifications de l’API Récupérer et garantit que les informations de paramètre dans les URL de données ne sont pas perdues pendant le traitement.
Voir aussi :
- données : URL sur MDN.
Intl.Locale.prototype.variants
La Intl.Locale.prototype.variants propriété renvoie 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 maintenant transmettre "variants" l’objet options lors de la construction d’un Intl.Localefichier .
Voir aussi :
- Intl.Locale.prototype.variants at MDN.
Séquencement de l’itérateur
La Iterator.concat() méthode crée un nouvel itérateur en combinant plusieurs itérateurs dans l’ordre.
Vous pouvez transmettre n’importe quel nombre d’itérables à Iterator.concat(), et l’itérateur résultant produira des valeurs pour chaque itérable dans l’ordre.
Voir aussi :
- Iterator.concat() sur MDN.
API de statistiques de lecture pour WebAudio
La AudioContext.playbackStats propriété fournit des statistiques relatives à la lecture de votre audio web, telles que :
- Latence moyenne.
- Latence minimale/maximale.
- Durée de sous-dépassement.
- Nombre de sous-utilisations.
Utilisez cette API pour contrôler la qualité audio et détecter les problèmes de lecture audio.
Cette fonctionnalité s’appelait auparavant AudioContext.playoutStats. La fonctionnalité a été renommée , AudioContext.playbackStatspour s’aligner sur la spécification finale de l’API Web Audio. L’ancien nom est toujours disponible en tant qu’alias déconseillé, pour des raisons de compatibilité descendante.
Voir aussi :
- API Web Audio sur MDN.
Préservation dropEffect des valeurs des dragoverdrop événements
Lors de l’utilisation de l’API Glisser-déplacer, la dropEffect valeur définie dans un dragover événement est désormais conservée et disponible dans l’événement suivant drop .
Auparavant, le navigateur écrasait la dropEffect valeur avec 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 glisser-déplacer HTML au niveau de MDN.
- DataTransfer : propriété dropEffect sur MDN.
API Assainisseur
L’API Sanitizer fournit 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 (cross-site scripting) lors de l’affichage de contenu généré par l’utilisateur.
Voir aussi :
- API HTML Sanitizer sur MDN.
Mode de compatibilité WebGPU
Le mode de compatibilité WebGPU ajoute un sous-ensemble opt-in, légèrement restreint de l’API WebGPU, capable d’exécuter des API graphiques plus anciennes telles que 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 ne disposent pas des API graphiques modernes et explicites requises par WebGPU principal.
Pour une application simple, le seul changement requis est de définir l’option sur
"compatibility"lors de l’appelfeatureLevelrequestAdapter().Pour une application plus avancée, certaines modifications peuvent être nécessaires pour tenir compte des restrictions du mode de compatibilité. Toutefois, comme le mode de compatibilité utilise un sous-ensemble de l’API WebGPU, votre application fonctionnera également sur les navigateurs qui ne prennent pas en charge le mode de compatibilité.
Voir aussi :
- API WebGPU, sur MDN.
WebGPU : liaison de textures et d’échantillonneurs let
En WGSL, une let déclaration peut désormais stocker un objet de type texture ou sampler, grâce à la texture_and_sampler_let fonctionnalité de langage.
Cela permet :
- Une organisation du code de shader plus flexible.
- Réutilisation des liaisons de texture et d’échantillonneur.
WebGPU : pièces jointes transitoires
Utilisez le nouvel TRANSIENT_ATTACHMENT indicateur d’utilisation de texture GPU pour créer des pièces jointes de passe de rendu qui peuvent rester dans la mémoire de vignette. Cela évite le trafic VRAM et potentiellement l’allocation VRAM pour les textures.
Lorsqu’une texture est déclarée comme transitoire (ou « sans mémoire »), le GPU sait que le contenu de cette texture n’est nécessaire que temporairement pendant la passe de rendu en cours.
É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 attachements temporaires, cet indicateur peut être utilisé pour réutiliser les allocations de texture entre les passes, réduisant ainsi l’utilisation maximale de la mémoire.
Voir aussi :
- API WebGPU sur MDN.
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 remplie dans la file d’attente de lancement.
Auparavant, cette propriété était null lorsqu’un lancement de fichier était dirigé vers une fenêtre existante.
Maintenant, l’URL de votre action champ manifeste est disponible pour le launchQueue consommateur. Cela assure la 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 descripteurs de fichiers.
Voir aussi :
Arrêter la remise en file d’attente LaunchParams au rechargement
Le launchQueue ne renvoie plus le dernier LaunchParams (y compris les handles 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 à utiliser « 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 redémarrage, et qu’il ne sera rempli que lorsqu’un launchQueue nouvel événement de lancement de fichier se produira réellement.
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.
API d’installation web
Expire le 14 juillet 2026.
L’API Web Install permet à un site Web d’installer d’autres sites Web en tant qu’applications Web sur l’appareil de l’utilisateur, en utilisant navigator.install().
API d’informations d’identification numériques - Prise en charge de l’émission
Expire le 14 juillet 2026.
L’API Digital Credentials permet de déclencher l’émission d’informations d’identification d’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 la fourniture 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 de niveau source dans de nouveaux objets descripteurs 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 les prerender actions.
Utilisez l’action prerender_until_script lorsque vous souhaitez que le navigateur effectue un prérendu d’une page, mais arrêtez et revenez à la prélecture après le début de l’exécution d’un script spécifique.
Insights TextMetrics améliorés
Expire le 11 août 2026.
La version d’essai d’origine TextMetrics Canvas améliorée étend l’API TextMetrics Canvas pour prendre en charge les éléments suivants :
- rectangles de sélection.
- Requêtes de cadre englobant.
- Opérations basées sur un cluster de glyphes.
Cette nouvelle fonctionnalité permet aux applications complexes d’édition de texte d’avoir une sélection, un positionnement au clavier et des tests d’accès précis. De plus, le rendu basé sur les clusters facilite les effets de texte sophistiqués, tels que :
- Animations de personnages indépendantes.
- Style de caractère indépendant.
Informations sur cette version d’essai d’origine :
WebNN
Expire le 14 juillet 2026.
La version d’essai d’origine WebNN vous permet d’expérimenter une couche d’abstraction sur les capacités d’accélération ML fournies par la plateforme.
WebNN vous aide à comprendre :
- Dans quelle mesure les modèles du monde réel correspondent aux opérations prises en charge par WebNN.
- Dans quelle mesure WebNN peut mapper ces opérations à divers matériels.
Informations sur cette version d’essai d’origine :
Rendu quantique configurable WebAudio
Expire le 8 septembre 2026.
Avec la version d’essai d’origine WebAudio Configurable Render Quantum, vous pouvez spécifier une renderSizeHint option lors de la création d’un AudioContext ou OfflineAudioContextde 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 aux utilisateurs une meilleure clarté sur la demande d’autorisation.
- Amélioration de l’accessibilité.
- Empêche les modèles d’interface utilisateur manipulateurs.
- Rationalise le flux de travail en fournissant directement le flux multimédia à votre application. Cela élimine la nécessité d’effectuer des appels d’API distincts.
Informations sur cette version d’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 permet temporairement d’accéder 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. Cette version d’évaluation d’origine ne peut être activée que par le biais de jetons d’origine fournis par l’en-tête HTTP.
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.