Notes de publication de la plateforme web Microsoft Edge 147 (avril 2026)

Voici les nouvelles fonctionnalités et mises à jour de la plateforme web dans Microsoft Edge 147, qui sera publié le 9 avril 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 DevTools (Microsoft Edge 147).

WebView2

Voir le SDK de version 1.0.3912.50, pour le runtime 147 (13 avril 2026) dans 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.

border-shape

La border-shape propriété vous permet de créer des bordures non rectangulaires à l’aide de n’importe quelle forme arbitraire, telle que des polygones, des cercles ou des chemins personnalisés.

Contrairement à clip-path, qui découpe l’élément entier, border-shape définit la forme de la bordure elle-même, la décore et ne découpe que le contenu de l’élément. Vous pouvez tracer le contour d’une forme ou effectuer un remplissage entre deux formes.

Voir aussi :

  • Mise en formedes bordures dans le module Bordures et décorations de boîtes CSS niveau 4.

contrast-color()

La contrast-color() fonction renvoie automatiquement le noir ou le blanc, selon celui qui offre le contraste le plus élevé par rapport à une couleur donnée.

Utilisez cette fonction pour répondre facilement aux exigences de contraste d’accessibilité. Vous pouvez l’utiliser contrast-color() n’importe où dans CSS où une valeur de couleur est attendue.

Voir aussi :

Les propriétés CSS *-width sont désormais indépendantes des *-style propriétés

Le comportement des border-widthpropriétés , outline-widthet column-rule-width a été mis à jour pour s’aligner sur les dernières spécifications CSS.

Auparavant, si la border-stylepropriété , outline-styleou column-rule-style était définie sur none ou hidden, la propriété correspondante calculée , outline-widthou column-rule-width était forcée border-widthà 0px, quelle que soit la valeur que vous avez spécifiée.

Maintenant, les valeurs calculées de border-width, outline-widthet column-rule-width reflètent toujours les valeurs que vous avez spécifiées, indépendamment de la propriété correspondante *-style .

Voir aussi :

Les chronologies d’animation prennent en charge une "scroll" plage

Dans les animations pilotées par défilement, les chronologies de vue prennent désormais en charge une "scroll" plage nommée, en plus des plages nommées existantes.

Les plages nommées prises en charge sont désormais les suivantes :

  • "contain"
  • "cover"
  • "entry"
  • "exit"
  • "scroll"

La nouvelle "scroll" plage fait référence à l’étendue totale du conteneur de défilement, et pas seulement à la partie du conteneur dans laquelle le sujet de l’animation est visible. Cela vous donne plus de contrôle sur le moment où les animations démarrent et s’arrêtent, dans la zone de défilement.

Voir aussi :

Fonctionnalités SVG

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

pathattribut sur l’élément SVG <textPath>

L’élément <textPath> SVG prend désormais en charge un path attribut. Utilisez l’attribut pour définir la path géométrie du chemin de texte en ligne, à l’aide de données de chemin SVG.

Au lieu de toujours avoir besoin de référencer un élément distinct <path> à l’aide de l’attributhref, vous pouvez désormais inclure les données de chemin directement dans l’attribut de path l’élément<textPath>.

Lorsque les deux path et href sont spécifiés, l’attribut path est prioritaire.

Voir aussi :

API web

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

Effacer la window.name valeur des navigations intersites qui basculent le groupe de contexte de navigation

La window.name propriété est désormais effacée lorsqu’une navigation intersites change les groupes de contextes de navigation.

Auparavant, la valeur de la propriété était préservée pendant toute window.name la durée de vie d’un onglet de navigateur, même lorsqu’une navigation intersites changeait de groupe de contexte de navigation.

Voir aussi :

Informations d’identification de session liées à l’appareil

Les informations d’identification de session liées à l’appareil (DBSC) offrent un moyen de lier les informations d’identification de session à un appareil spécifique, ce qui rend les cookies de session volés plus difficiles à réutiliser.

Cela améliore la sécurité des comptes pour les sessions connectées et permet de réduire les risques de détournement de session.

Voir aussi :

<install> élément HTML

L’élément <install> HTML représente un bouton qui, lors de l’activation, invite l’utilisateur à choisir d’installer ou non une application web progressive.

Le contenu et l’apparence du bouton Installer sont contrôlés par Microsoft Edge et offrent aux utilisateurs une expérience cohérente entre les applications web.

Voir aussi :

Listes d’autorisation de connexion

Les listes d’autorisation de connexion permettent aux applications de déclarer et d’appliquer des listes d’autorisation explicites pour les points de terminaison réseau qui peuvent être contactés par les API de mise en réseau de plateforme web.

Cela améliore le contrôle réseau sortant et réduit le risque de connexions involontaires.

Voir aussi :

Événement de remplissage automatique

Utilisez le nouvel autofill événement pour détecter quand le remplissage automatique du navigateur met à jour les contrôles de formulaire.

Cela facilite l’adaptation de l’interface utilisateur personnalisée, de la validation ou de la logique de formulaire dépendant une fois le remplissage automatique terminé.

Voir aussi :

Interface CSSPseudoElement

L’interface CSSPseudoElement représente des pseudo-éléments dans le modèle objet CSS. L’interface CSSPseudoElement est renvoyée par Element.pseudo(type), et prend en charge les pseudo-éléments imbriqués.

Cela facilite l’inspection et la manipulation du comportement lié aux pseudo-éléments, dans les scénarios de style avancé.

Voir aussi :

Transitions d’affichage à l’échelle d’un élément

Les transitions d’affichage peuvent désormais être limitées à des éléments HTML individuels à l’aide de la element.startViewTransition() méthode.

Lorsqu’une transition de vue est étendue à un élément, les pseudo-éléments de transition sont affectés par les clips et les transformations ancêtres. Plusieurs transitions peuvent être exécutées simultanément sur des éléments distincts, ce qui vous donne plus de flexibilité pour créer des animations complexes.

Voir aussi :

Vous pouvez désormais <link rel="modulepreload"> précharger des modules JSON et CSS, en plus des modules JavaScript.

Spécifiez le type de module à l’aide de l’attribut as :

  • Pour les modules CSS : <link rel="modulepreload" as="style" href="...">

  • Pour les modules JSON : <link rel="modulepreload" as="json" href="...">

Cela apporte une parité des fonctionnalités entre différents types de modules, pour le préchargement.

Voir aussi :

Restrictions d’accès au réseau local sur le worker du service WindowClient.navigate()

Les restrictions d’accès au réseau local s’appliquent désormais aux navigations initiées par les workers du service via WindowClient.navigate().

Le WindowClient est utilisé comme initiateur de navigation, pour déterminer si la navigation est une demande d’accès au réseau local. Cela ne s’applique que si l’être WindowClient navigué est un sous-cadre ; Microsoft Edge n’applique pas les restrictions d’accès au réseau local aux navigations de l’image principale.

Voir aussi :

Restrictions d’accès au réseau local pour les WebSockets

Les restrictions d’accès au réseau local s’appliquent désormais aux connexions WebSocket avec des adresses locales, ce qui déclenche des invites d’autorisation.

Toutes les stratégies d’entreprise actuelles d’accès au réseau local s’appliquent aux restrictions WebSocket (LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrlset LocalNetworkAccessRestrictionsTemporaryOptOut).

Voir aussi :

Restrictions d’accès au réseau local pour WebTransport

Les demandes WebTransport adressées au réseau local de l’utilisateur sont désormais restreintes derrière une invite d’autorisation.

Une demande de réseau local est une demande d’un site web public vers une adresse IP locale ou un bouclage, ou d’un site web local (tel qu’un intranet) vers un bouclage. Le blocage de ces demandes derrière une autorisation réduit la capacité des sites à identifier le réseau local de l’utilisateur. Cette autorisation est limitée aux contextes sécurisés.

Voir aussi :

Localisation du manifeste

Les manifestes d’application web prennent désormais en charge la localisation. Cela permet à une application web d’adapter son nom, sa description, ses icônes et ses raccourcis à la langue et à la région de l’utilisateur.

Lorsque vous fournissez des valeurs localisées dans le manifeste de l’application web, le navigateur sélectionne automatiquement les ressources appropriées en fonction des paramètres de langue de l’utilisateur.

Voir aussi :

Math.sumPrecise

La nouvelle Math.sumPrecise() méthode renvoie la somme des valeurs d’un élément itérable, en utilisant un algorithme plus précis que la sommation naïve.

Cette méthode permet d’éviter les erreurs de précision en virgule flottante lors de la somme de plusieurs nombres.

Voir aussi :

pseudoTarget propriété sur les événements

La pseudoTarget propriété est désormais disponible sur UIEvent, AnimationEventet TransitionEvent les objets.

Lorsqu’un événement provient d’un pseudo-élément, pseudoTarget retourne un CSSPseudoElement objet qui représente ce pseudo-élément. Sinon, pseudoTarget est null.

Event.pseudoTarget Fournit des informations supplémentaires sur l’origine de l’événement. La propriété existante Event.target reste inchangée.

Voir aussi :

Request.isReloadNavigation attribut

L’attribut isReloadNavigation booléen en lecture seule est désormais disponible sur l’interface de Request l’API Fetch.

L’attribut isReloadNavigation indique si la demande de navigation actuelle a été lancée en tant que rechargement déclenché par l’utilisateur, par exemple :

  • Lorsque l’utilisateur clique sur Actualiser dans la barre d’outils du navigateur.
  • Lorsque la page appelle les location.reload() méthodes ou history.go(0) en réponse à une interaction de l’utilisateur sur la page.

Ce signal est principalement exposé sur l’objet qui se trouve dans le Request .FetchEvent

Voir aussi :

Limites de l’API de mémoire de l’appareil

L’API de mémoire d’appareil signale désormais les valeurs mises à jour qui reflètent mieux les fonctionnalités d’appareil moderne :

  • Appareils Android : 1, 2, 4 ou 8 Go

  • Autres plateformes : 2, 4, 8, 16 ou 32 Go

Ces nouvelles valeurs remplacent les valeurs obsolètes (0,25, 0,5, 1, 2, 4, 8 Go). Cela réduit le risque d’empreinte digitale et offre une meilleure segmentation pour les appareils haut de gamme.

Voir aussi :

API série web sur Android

L’API série Web est désormais prise en charge sur Android, ce qui permet à une application web de se connecter à des appareils série via un port série ou via un périphérique USB ou Bluetooth amovible qui émule un port série.

Cela est utile pour les applications éducatives, industrielles et d’amateurs qui ont besoin de contrôler des périphériques à partir d’un appareil connecté. Ces périphériques sont les suivants :

  • Des robots.
  • Moulins.
  • Découpeuses laser.
  • Imprimantes 3D.

Voir aussi :

Couches WebXR

WebXR Layers permet un rendu plus efficace des expériences immersives en déléguant la composition au compositeur système plutôt qu’à JavaScript.

Principaux avantages :

  • Les calques sont présentés à la fréquence de rafraîchissement native du compositeur.
  • Les couches de composition ne sont rééchantillonnées qu’une seule fois, contre deux fois dans le rendu WebXR traditionnel, ce qui améliore la qualité du texte et du visuel.
  • Les commandes JavaScript et GPU s’exécutent moins souvent, car le compositeur gère le rééchantillonnage et la reprojection.
  • Le compositeur dispose toujours des dernières données de pose et s’exécute à haute priorité, ce qui réduit la latence perçue.

WebXR Layers prend en charge plusieurs types de calques, notamment les calques de projection, quad, cylindre, équirectangulaire et cube, ainsi que les textures de couleur, de profondeur et de textures natives.

Voir aussi :

Détection de plan WebXR

L’API de détection de plan WebXR permet aux sites de récupérer l’ensemble des plans détectés dans l’environnement de l’utilisateur.

La détection de plan offre des capacités plus puissantes que la détection de profondeur.

  • Les plans, tels que les murs occlus par des objets, peuvent toujours être entièrement représentés, si le système est conscient des limites du mur.

  • Les informations d’étiquetage sémantique sont également exposées lorsqu’elles sont disponibles, ce qui permet une meilleure connaissance de l’environnement.

Voir aussi :

Fonctionnalités déconseillées ou supprimées

Supprimer le XSLT inline pour la production de SVG

La prise en charge de l’utilisation de feuilles de style XSLT pour transformer des données XML en fichiers SVG a été supprimée.

Auparavant, un fichier XML spécialement conçu pouvait contenir une feuille de style XSL qui transforme des données XML génériques en un fichier SVG. Cette fonctionnalité est désormais déconseillée et a été supprimée.

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.

Bloquer la fréquence d’images complète pendant le chargement de la page

Expire le 24 mars 2026.

Accélérez les performances de chargement des pages à l’aide de l’attribut blocking="full-frame-rate" sur <link> les éléments. Cela indique au navigateur de diminuer la fréquence d’images pendant le chargement afin de libérer des ressources pour l’analyse du contenu critique.

Nouvelle tentative de récupération

Expire le 24 mars 2026.

Assurez la livraison fiable des demandes critiques sur des réseaux peu fiables en utilisant des tentatives automatiques configurables.

Pour récupérer des erreurs réseau temporaires, vous pouvez définir :

  • Nombre maximal de tentatives.
  • Un retard initial.
  • Stratégie visant à augmenter le délai après chaque nouvelle tentative, par exemple en doublant le délai.

Pour les demandes de mise à jour, les nouvelles tentatives peuvent se poursuivre même après le déchargement de la page. Cela améliore la diffusion des données pour les balises et les analyses.

API de statistiques de lecture WebAudio

Expire le 21 avril 2026.

Détectez et mesurez les problèmes audio et la latence de lecture en temps réel à l’aide de l’interface AudioPlayoutStats .

Pour optimiser l’expérience utilisateur et la réactivité de votre application audio :

  • Surveillez les événements d’image de secours.
  • Calculez la fraction de silence due à une sous-performance.
  • Suivez la latence moyenne, la latence minimale et la latence maximale.

Informations sur cette version d’essai d’origine :

API d’écriture

Expire le 21 avril 2026.

L’API Writer peut être utilisée pour générer du texte à partir d’une invite de tâche d’écriture, soutenue par un modèle de langage IA intégré à l’appareil.

Par exemple, utilisez cette API pour :

  • Générez une explication textuelle des données structurées.
  • Composez un billet sur un produit, basé sur des critiques ou une description de produit.
  • Générez une biographie basée sur des informations contextuelles.

Voir aussi Résumer, écrire et réécrire du texte avec les API d’assistance à l’écriture.

API de réécriture

Expire le 21 avril 2026.

L’API Rewriter transforme et reformule le texte d’entrée selon les méthodes demandées, soutenues par un modèle de langage IA sur l’appareil.

Utilisez cette API pour supprimer les redondances dans le texte d’entrée, afin de :

  • Ajuster le texte dans une limite de mots.
  • Reformulez le texte en fonction du public visé.
  • Soyez plus constructif si le texte utilise un langage inadéquat.

Voir aussi Résumer, écrire et réécrire du texte avec les API d’assistance à l’écriture.

API de correcteur d’épreuves

Expire le 19 mai 2026.

L’API Correcteur corrige les fautes de grammaire, d’orthographe et de ponctuation dans le texte.

L’API Proofreader utilise un petit modèle de langage (SLM) intégré à Microsoft Edge, à partir du code JavaScript de votre site web ou du code JavaScript de votre extension de navigateur.

Voir aussi Corriger la grammaire et l’orthographe avec l’API Correcteur.

API de requête

Expire le 16 juin 2026

Utilisez l’API Prompt pour demander un petit modèle de langage (SLM) intégré à Microsoft Edge à partir du code JavaScript de votre site web ou du code JavaScript de votre extension de navigateur.

L’API Prompt est une API web expérimentale.

Utilisez l’API d’invite pour :

  • Générez et analysez du texte.
  • Créez une logique d’application basée sur l’entrée de l’utilisateur.
  • Découvrez des moyens innovants d’intégrer des fonctionnalités d’ingénierie rapide dans votre application web.

Informations sur cette version d’essai d’origine :

Durée de vie prolongée pour les travailleurs partagés

Expire le 21 avril 2026.

La durée de vie étendue des Workers partagés permet d’effectuer un travail asynchrone critique après le déchargement de page, sans la surcharge des Workers du service.

Définissez l’option lors de la extendedLifetime création d’un travail partagé, pour garder le worker du service en vie pendant une durée limitée après la fermeture de toutes les pages client. Cette technique permet d’achever de manière fiable les opérations asynchrones lors du déchargement.

Ces opérations asynchrones sont les suivantes :

  • IndexedDB écrit.
  • Chiffrement ou compression.
  • Requêtes d’analyse.

Informations sur cette version d’essai d’origine :

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 des objets descripteurs personnalisés.

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, utilisez l’API d’informations d’identification numériques 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.

API d’installation web

Expire le 14 juillet 2026.

L’API Web Install permet à un site Web d’installer un autre site Web en tant qu’application Web sur l’appareil de l’utilisateur, en utilisant navigator.install().

<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 :

WebNN

Expire le 14 juillet 2026.

Utilisez l’API WebNN pour créer et exécuter des modèles d’apprentissage automatique directement dans votre application web.

Utilisez des réseaux neuronaux accélérés par le matériel en créant des graphiques de calcul qui correspondent efficacement aux fonctionnalités de la plateforme et au matériel de l’appareil.

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 :

focusgroup Attribut HTML pour la navigation au clavier

Expire le 11 août 2026.

Standardisez la navigation au clavier pour les widgets composites tels que les barres d’outils, les onglets, les menus et les groupes de radios, à l’aide de l’attribut focusgroup HTML.

L’attribut focusgroup gère automatiquement les éléments suivants, sans nécessiter de code JavaScript personnalisé :

  • Comportement tabindex itinérant .
  • Navigation via les touches fléchées.
  • Mémoire de focus (restaure le dernier élément activé lors de la réintégration dans le focusgroup).

Informations sur cette version d’essai d’origine :

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.

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.

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