Notes de publication de la plateforme web Microsoft Edge 148 (mai 2026)

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

WebView2

Consultez notes de publication pour le Kit de développement logiciel (SDK) WebView2.

Fonctionnalités CSS

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

Requêtes de conteneur de nom CSS uniquement

Un conteneur de requêtes CSS peut être interrogé en fonction de son container-name seul, et le conteneur n’a pas besoin d’un container-type ensemble :

<style>
#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}
</style>
<div id="container">
  <div><input></div>
</div>

Auparavant, @container nécessitait une requête en plus de .container-name

Voir aussi :

Le revert-rule mot clé

Le revert-rule mot clé restaure la cascade à la règle précédente.

Cela est similaire à la façon dont revert-layer restaure la cascade vers la couche précédente.

Par exemple :

div { color: green; }
div { color: revert-rule; /* Effectively green */ }

La revert-rule mot clé est particulièrement utile en combinaison avec les conditions. La revert-rule mot clé permet d’éliminer la règle actuelle si certaines conditions ne sont pas remplies :

div {
  display: if(style(--layout: fancy): grid; else: revert-rule);
}

Voir aussi :

at-rule(): détection des fonctionnalités CSS

La at-rule() fonction peut être utilisée dans CSS @supportspour détecter la prise en charge des fonctionnalités pour CSS at-rules.

Voir aussi :

text-decoration-skip-ink: all

La text-decoration-skip-ink propriété a maintenant une all valeur. Cette propriété continue de prendre en charge auto et none.

  • all - Applique de manière inconditionnelle l’entrée manuscrite à tous les glyphes, y compris les caractères CJK. Lorsque vous utilisez text-decoration-skip-ink: all, si vous ajustez text-underline-position ou text-underline-offset pour éviter les conflits avec les glyphes CJK, vous pouvez également choisir explicitement d’ignorer l’entrée manuscrite pour ces caractères.

  • auto - Conserve les caractères CJK non ignorés. Utile pour les scripts idéographiques. L’entrée manuscrite peut produire des résultats visuels indésirables pour les scripts idéographiques, à des positions de soulignement typiques.

  • none - Empêche l’entrée manuscrite.

Voir aussi :

API web

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

Type de contenu dans Le minutage des ressources

Le nouveau contentType champ sur PerformanceResourceTiming contient une chaîne qui correspond au type de contenu de la ressource récupérée, tel que retourné par le serveur.

Voir aussi :

dropEffect gestion des événements de glisser-déplacer

Lorsque vous utilisez l’API Glisser-déplacer, l’attribut dropEffect a désormais les valeurs prédéterminées correctes pendant dragenterles événements , dragoveret dragleave , comme spécifié par la norme HTML.

Pour dragenter les événements et dragover , l’attribut dropEffect est désormais basé sur le actuel effectAllowed.

Pour dragleave les événements, dropEffect est toujours "none".

Voir aussi :

Workers partagés à durée de vie prolongée

Définissez l’option lors de la extendedLifetime création d’un worker partagé pour maintenir le service worker actif pendant une durée limitée après la fermeture de toutes les pages clientes. Cette technique permet une exécution fiable des opérations asynchrones lors du déchargement.

Voir aussi :

Détecter les fonctionnalités de confirmation de paiement sécurisé

Utilisez la PaymentRequest.getSecurePaymentConfirmationCapabilities() méthode pour déterminer les fonctionnalités de confirmation de paiement sécurisé prises en charge dans le navigateur.

Cette méthode retourne un objet qui décrit les fonctionnalités de confirmation de paiement sécurisé du navigateur. Utilisez l’objet retourné pour décider s’il faut utiliser les fonctionnalités de confirmation de paiement sécurisé pour votre flux de paiement.

Il s’agit d’une méthode statique asynchrone.

Voir aussi :

Règles IDNA ContextJ

Microsoft Edge implémente désormais les règles IDNA ContextJ, en interdisant les caractères suivants dans la plupart des emplacements dans les URL :

  • ZWNJ (U+200C ZERO WIDTH NON-JOINER)

  • ZWJ (JOINTURE U+200D LARGEUR ZÉRO)

Cela améliore l’interopérabilité avec d’autres navigateurs.

IDNA est le mécanisme par lequel les caractères non ASCII peuvent apparaître dans les noms de domaine. Par exemple, l’URL http://네이버.한국/ est encodée en tant que http://xn--950bt9s8xi.xn--3e0b707e/.

Voir aussi :

Chargement différé pour les éléments vidéo et audio

Utilisez le nouvel loading attribut des <video> éléments et <audio> , avec la valeur , pour différer le chargement des lazyressources multimédias jusqu’à ce que l’élément soit près de la fenêtre d’affichage.

Syntaxe :

<audio loading="lazy"/>
<video loading="lazy"/>

Cela correspond au comportement de chargement différé existant pour <img> les éléments et <iframe> , ce qui améliore les performances de chargement des pages et réduit l’utilisation des données.

Voir aussi :

  • chargement dans <video>: élément Video Embed sur MDN.
  • chargement dans <audio>: élément Embed Audio sur MDN.
  • chargement dans <img>: élément Image Embed sur MDN.
  • chargement dans <iframe>: élément Inline Frame sur MDN.

Localisation de manifeste

Vous pouvez désormais localiser les membres du manifeste pour adapter votre nom, votre description, votre icône et vos raccourcis PWA à la langue et à la région de l’utilisateur.

Vous fournissez des valeurs localisées dans le fichier JSON manifeste de l’application web. Le navigateur sélectionne alors automatiquement les ressources appropriées en fonction des paramètres de langue de l’utilisateur.

Voir aussi :

Prise en charge de avar2 au format de police OpenType

La version 2 de la table de variantes d’axe (avar2) au format de police OpenType est désormais prise en charge.

Avar2 permet aux concepteurs de polices de créer des polices avec un meilleur contrôle sur l’interpolation. Avec avar2, les axes de variation d’une police peuvent s’influencer les uns les autres, ce qui permet des conceptions plus complexes, des polices plus faciles à utiliser et des tailles de fichier plus petites.

Voir aussi :

Suppression d’événements de pointeur au début du glissement

Lorsqu’une opération de glissement démarre, le navigateur envoie pointercanceldésormais les événements , pointeroutet pointerleave à la source de glissement, pour indiquer que le flux d’événements du pointeur est terminé.

Ce comportement garantit que la source de glissement n’attend plus d’événements de ce pointeur pendant l’opération de glissement.

Ce comportement est maintenant entièrement implémenté sur toutes les plateformes.

Voir aussi :

API d’invite

L’API Prompt fournit un accès direct à un modèle de langage IA fourni par un navigateur sur l’appareil. La conception de l’API offre un contrôle affiné pour améliorer progressivement les sites avec des interactions de modèle adaptées aux cas d’usage individualisés.

L’API Prompt complète les API de modèle de langage basé sur les tâches (telles que l’API Summarizer) et diverses API et frameworks pour l’inférence généralisée sur l’appareil à l’aide de modèles ML fournis par les développeurs.

L’implémentation initiale prend en charge :

  • Entrées de texte.
  • Entrées d’image.
  • Entrées audio.
  • Contraintes de réponse qui garantissent que le texte généré est conforme aux formats de schéma JSON et regex prédéfinis.

Utilisez l’API d’invite pour :

  • Génération de légendes d’image.
  • Effectuer des recherches visuelles.
  • Transcription de l’audio.
  • Classification des événements sonores.
  • Génération de texte en suivant des instructions spécifiques.
  • Extraction d’informations ou d’insights à partir de matériaux sources multimodales.

Voir aussi :

Réutiliser des no-store images quand elles src sont réaffectées

Lorsque vous réaffectez la même src valeur à un <img> élément, le navigateur réutilise désormais l’image déjà décodée à partir du document, même si l’image a été fournie avec Cache-Control: no-store. Cela permet d’éviter une nouvelle récupération réseau inutile et d’améliorer les performances.

Auparavant, le navigateur récupérait à nouveau l’image, même si l’image était déjà décodée et disponible dans le document.

Ce correctif d’interopérabilité web aligne Microsoft Edge avec Firefox et Safari.

Voir aussi :

Mode d’interface utilisateur immédiate de l’authentification web

La plupart des expériences de connexion sur le web nécessitent une page de connexion qui offre plusieurs options, telles que des champs nom d’utilisateur/mot de passe, des boutons de connexion fédérés et des boutons de clé d’accès. Lorsque le navigateur connaît déjà les clés d’accès ou les mots de passe d’un site, le mode d’interface utilisateur immédiate de l’authentification web peut rendre la page de connexion inutile.

Le mode Exécution de l’interface utilisateur est un nouveau mode pour navigator.credentials.get(). Si le navigateur dispose d’une clé d’accès ou d’un mot de passe pour le site, le navigateur affiche une interface utilisateur de connexion à l’utilisateur. Si aucune information d’identification correspondante n’est disponible, la promesse est rejetée avec NotAllowedError et aucune interface utilisateur de navigateur n’est affichée, de sorte que l’expérience de connexion de l’utilisateur revient à la page de connexion traditionnelle du site.

Cela réduit les frictions de connexion et évite que les utilisateurs n’ont à se souvenir de l’option de connexion qu’ils utilisaient précédemment sur un site donné.

Voir aussi :

Fonctionnalité WebGPU linear_indexing

La linear_indexing fonctionnalité ajoute deux nouvelles valeurs intégrées de nuanceur de calcul au langage de shading WebGPU (WGSL) :

  • global_invocation_index, une version linéarisée de global_invocation_id.
  • workgroup_index, une version linéarisée de workgroup_id.

Ces valeurs intégrées fournissent un index unidimensionnel pratique pour les appels de nuanceurs de calcul, en remplaçant la linéarisation manuelle qui est facile à résoudre.

Voir aussi :

Déconnexion WebSocket sur l’entrée bfcache

Les connexions WebSocket ouvertes sont désormais fermées lorsqu’une page entre dans le cache back/forward (bfcache), au lieu d’empêcher la mise en cache de la page.

Auparavant, une page avec une connexion WebSocket active ne pouvait pas être stockée dans le bfcache. Avec cette modification, davantage de pages bénéficient d’une navigation instantanée vers l’arrière et l’avant.

Votre page reçoit un close événement sur chaque affecté WebSocket lorsque la page entre dans le cache bfcache. Écoutez l’événement pageshow , puis reconnectez-vous quand event.persisted a la valeur true.

Voir aussi :

Toujours négocier les canaux de données dans WebRTC

Utilisez la nouvelle alwaysNegotiateDataChannels option pour un WebRTC RTCPeerConnection pour négocier des canaux de données dans l’offre protocole de description de session, avant de créer un canal de données.

Quand cette option est activée :

  • La ligne du canal m= de données est placée avant toute ligne audio ou vidéo m= .
  • Lorsque vous utilisez BUNDLE, pour réutiliser une connexion unique pour plusieurs types de supports, la ligne de canal m= de données est utilisée comme section de média étiqueté de l’offreur.

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.

Writer API

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 sur l’appareil.

Par exemple, utilisez cette API pour :

  • Générez une explication textuelle des données structurées.
  • Compose un billet sur un produit, basé sur des avis ou une description du produit.
  • Générez une biographie basée sur des informations générales.

Consultez également Résumer, écrire et réécrire du texte avec les API d’aide à l’écriture.

API De réécriture

Expire le 21 avril 2026.

L’API Rewriter transforme et reformule le texte d’entrée de manière demandée, en s’appuyant sur 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 de l’audience prévue.
  • Soyez plus constructif si le texte utilise un langage inadéquat.

Consultez également Résumer, écrire et réécrire du texte avec les API d’aide à l’écriture.

Proofreader API

Expire le 19 mai 2026.

L’API Proofreader corrige les erreurs 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.

Consultez également Corriger la grammaire et l’orthographe avec l’API Proofreader.

API d’invite

Expire le 16 juin 2026

Utilisez l’API d’invite pour demander un modèle SLM (Small Language Model) 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 Prompt pour :

  • Générer et analyser du texte.
  • Créez une logique d’application basée sur l’entrée utilisateur.
  • Découvrez des façons innovantes d’intégrer des fonctionnalités d’ingénierie d’invite dans votre application web.

Voir aussi :

Informations sur cet essai d’origine :

Mode de compatibilité WebGPU

Expire le 21 avril 2026.

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

L’objectif est d’étendre la portée des applications WebGPU aux appareils plus anciens qui ne disposent pas des API graphiques modernes et explicites requises par webGPU.

Durée de vie étendue des Workers 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 la page, sans la surcharge des Workers de service.

Définissez l’option lors de la extendedLifetime création d’un worker partagé pour maintenir le service worker actif pendant une durée limitée après la fermeture de toutes les pages clientes. Cette technique permet une exécution fiable des opérations asynchrones lors du déchargement.

Ces opérations asynchrones sont les suivantes :

  • Écritures IndexedDB.
  • Chiffrement ou compression.
  • Demandes d’analyse.

Informations sur cet essai d’origine :

SharedArrayBuffers dans les pages non isolées sur les plateformes de bureau

Expire le 19 mai 2026.

Extension temporaire pour l’utilisation non définie de SharedArrayBuffers dans les pages qui ne sont pas isolées entre les origines.

Notifications d’appels entrants

Expire le 19 mai 2026.

L’API Notifications d’appel entrant étend l’API Notifications pour permettre à un PWA installé d’envoyer des notifications d’appel entrantes.

Les notifications d’appel entrant ont une sonnerie et des boutons qui sont mis en forme pour indiquer l’acceptation ou le rejet d’un appel.

Cela permet aux applications web de créer des expériences plus attrayantes en permettant aux utilisateurs de reconnaître plus facilement une notification d’appel et d’y répondre.

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

API d’installation web

Expire le 14 juillet 2026.

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

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

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 11 août 2026.

Utilisez l’API WebNN pour générer et exécuter des modèles Machine Learning directement dans votre application web.

Utilisez des réseaux neuronaux à accélération matérielle en créant des graphiques de calcul qui mappent efficacement aux fonctionnalités de la plateforme et au matériel des appareils.

focusgroup Attribut HTML pour la navigation au clavier

Expire le 11 août 2026.

Normalisez la navigation au clavier pour les widgets composites tels que les barres d’outils, les onglets, les menus et les groupes d’radio, à 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 de tabindex itinérant .
  • Navigation via les touches de direction.
  • Mémoire du focus ; restaure le dernier élément prioritaire lors de la nouvelle entrée dans le groupe de discussion.

Informations sur cet essai d’origine :

Hachages d’URL et d’eval dans csp script-src

Expire le 25 août 2026.

Cette fonctionnalité introduit des hachages d’URL et d’eval- à utiliser dans les directives de script-src la stratégie de sécurité du contenu.

Cela vous permet d’écrire un fournisseur de services de configuration strict qui s’appuie uniquement sur des stratégies basées sur le hachage et nonce, sans avoir à utiliser des listes d’autorisation basées unsafe-evalsur des noms d’hôte ou .

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

Expire le 8 septembre 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, utilisez l’API Informations d’identification numériques 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.

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.

WebAudio Configurable Render Quantum

Expire le 8 septembre 2026.

Par défaut, WebAudio traite l’audio dans des blocs fixes de 128 exemples d’images (un quantum de rendu). Lorsque la taille du bloc de traitement audio de votre application ne correspond pas à cette valeur par défaut, le développement devient complexe et le traitement devient moins efficace.

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

  • Passez un entier pour demander une taille spécifique.
  • "default" Passez (ou omettez l’option) pour utiliser la valeur par défaut de 128 images.
  • "hardware"Passez , pour permettre au navigateur de choisir une taille optimale pour la configuration actuelle.

Informations sur cet essai d’origine :

Activation prerender par envoi de formulaire

Expire le 8 septembre 2026.

Cet essai d’origine ajoute un nouveau champ à l’API Règles de spéculation, pour permettre aux règles prerender d’être activées par les soumissions de formulaires.

API de performances du processeur

Expire le 8 septembre 2026.

L’API de performances du processeur expose des informations sur la puissance de l’appareil de l’utilisateur.

Cette API cible les applications web qui utilisent ces informations pour fournir une expérience utilisateur améliorée, éventuellement en combinaison avec l’API Compute Pressure.

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

Iframes cross-origin prerendering

Expire le 22 septembre 2026.

Par défaut, le pré-affichage de navigation retarde le chargement de tous les iframes cross-origin jusqu’à ce que la page pré-enderée soit activée. Lorsque les iframes cross-origin sont critiques pour votre application, ce délai peut nier la plupart des avantages du préremenage.

Cette version d’évaluation d’origine préversions les iframes cross-origin à l’aide d’un en-tête de réponse d’adhésion. Le navigateur prérédise toutes les trames cross-origin si la réponse HTTP du frame de niveau supérieur inclut l’en-tête Supports-Loading-Mode: prerender-cross-origin-frames .

Événement de remplissage automatique

Expire le 3 novembre 2026.

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épendante une fois le remplissage automatique terminé.

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