Notes de publication de la plateforme web Microsoft Edge 135 (avril 2025)

Voici les nouvelles fonctionnalités et mises à jour de la plateforme web dans Microsoft Edge 135, qui sera publié le 3 avril 2025.

Pour rester à jour et obtenir les dernières fonctionnalités de la plateforme web, téléchargez une version Insiders de Microsoft Edge, telle que Canary, Dev ou Beta ; consultez Devenir un Microsoft Edge Insider.

Contenu détaillé :

• Edge DevTools
• WebView2
• Fonctionnalités de la plateforme web
  • Fonctionnalités CSS
    • Widget carrousel CSS : ::column pseudo-élément
    • Widget de carrousel CSS : ::scroll-marker et ::scroll-marker-groups pseudo-éléments
    • Widget carrousel CSS : ::scroll-button() pseudo-élément
    • Style de pseudo-éléments imbriqués
    • Propriété CSS interactivity
    • Propriétés de dépassement logique CSS
    • CSS abs() et sign() fonctions
    • Positionnement de l’ancre CSS : décalage de défilement mémorisé
    • Propriété CSS dynamic-range-limit
    • Fonction CSS shape()
    • Fonctions CSS progress()
    • safe-area-max-inset-* Variables
  • Fonctionnalités HTML
    • commandattributs HTML et commandfor
    • Lien rel=facilitated-payment pour prendre en charge les paiements push
    • Prise en charge des rel attributs et relList dans les éléments SVG <a>
  • API web
    • Ajouter la prise en charge de MediaStreamTrack à l’API Web Speech
    • Historique des liens de partitionnement :visited
    • Créer un client Service Worker et hériter du contrôleur service Worker pour iFrame avec srcdoc
    • Répartition des événements de clic vers le pointeur capturé
    • Float16Array
    • Prévention du suivi HSTS
    • sourceElement pour NavigateEvent
    • Modification du nom de l’API PerformanceNavigationTiming NotRestoredReasons
    • Observable API
    • L’URL du client Service Worker ignore désormais les history.pushState modifications
    • Horodatages pour les images encodées en RTC
    • Utiliser le type pour les double attributs et total progressEvent loaded
    • API fetchLater
    • highlightsFromPoint API
  • Fonctionnalités dépréciées et supprimées
    • Déprécier Intl.Locale les getters
    • Méthode Remove navigator.xr.supportsSession
    • Supprimer la limite de webGPU maxInterStageShaderComponents
• Essais d’origine
  • Versions d’évaluation d’origine de Microsoft Edge uniquement
    • API de biens numériques
    • Accès au dossier local de l’application web
    • Attribut d’écriture manuscrite HTML+IDL
    • API d’informations d’acquisition

Consultez Nouveautés de Microsoft Edge DevTools.

Consultez les notes de publication du Kit de développement logiciel (SDK) WebView2.

Le ::column pseudo-élément CSS représente les colonnes individuelles dans un conteneur à plusieurs colonnes.

Le conteneur peut être stylé avec un nombre limité de propriétés CSS.

Le conteneur peut être aligné sur par son conteneur de défilement, à l’aide ::scroll-marker de pseudo-éléments.

Les ::scroll-marker pseudo-éléments et ::scroll-markers-group permettent de créer un ensemble de marqueurs pouvant être focus dans un conteneur de défilement.

L’ensemble de marqueurs pouvant être focusés est utilisé pour aligner le conteneur de défilement à des positions spécifiques.

Le ::scroll-button() pseudo-élément permet de créer des boutons de défilement en tant que pseudo-éléments d’un conteneur de défilement.

Les boutons de défilement sont utilisés pour faire défiler le conteneur dans la direction du bouton, lorsque l’utilisateur clique sur les boutons de défilement.

Les pseudo-éléments imbriqués à l’intérieur d’autres pseudo-éléments peuvent désormais être stylés à l’aide ::before::marker de et ::after::marker.

::column::scroll-marker n'est pas encore pris en charge.

La propriété CSS interactivity spécifie si un élément et ses descendants d’arborescence plate (y compris les exécutions de texte) sont inertes ou non.

La création d’un élément inerte affecte :

• Indique si l’élément peut être prioritaire, modifié, sélectionné et pouvant faire l’objet d’une recherche par recherche dans la page.
• Indique si l’élément est visible dans l’arborescence d’accessibilité.

Les overflow-inline propriétés CSS et overflow-block permettent de définir le dépassement de capacité dans le sens inline et le sens du bloc par rapport au mode d’écriture.

• En mode écriture horizontale, overflow-inline mappe à overflow-x.
• En mode écriture verticale, overflow-inline mappe à overflow-y.

La abs(A) fonction retourne la valeur absolue de A, comme le même type que l’entrée. Le type de retour est .<number>

La sign(A) fonction retourne :

• -1 si la valeur numérique de A est négative.
• +1 si la valeur numérique de A est positive.
• 0 autrement.

Le type de retour est .<number>

Lorsqu’un élément positionné a une ancre par défaut et qu’il est attaché à cette ancre sur un bord et sur le bloc contenant d’origine sur l’autre bord, le décalage de défilement est pris en compte lors du dimensionnement de l’élément.

La prise en compte du décalage de défilement lors du dimensionnement de l’élément permet d’utiliser tout l’espace visible pour l’élément ancré (à l’aide position-areade ) lorsque le document fait défiler à un décalage de défilement donné.

Afin d’éviter de redimensionner l’élément chaque fois que le document fait défiler le document, le concept de « décalage de défilement mémorisé » est utilisé, au lieu d’utiliser toujours le décalage de défilement actuel.

La dynamic-range-limit propriété CSS permet de limiter la luminosité maximale du contenu HDR (High Dynamic Range).

La shape() fonction CSS permet d’utiliser des formes de forme libre et réactives dans la clip-path propriété .

Vous pouvez définir une série de verbes, équivalents aux verbes dans la path() fonction .

Vous pouvez utiliser des unités réactives, telles que % ou vw.

Vous pouvez utiliser des valeurs CSS, telles que des propriétés personnalisées.

Les progress()fonctions , media-progress()et container-progress() représentent la distance proportionnelle d’une valeur donnée (la valeur de progression) d’une valeur (la valeur de début de progression) à une autre valeur (la valeur de fin de progression).

• progress() permet de dessiner un rapport de progression à partir de fonctions mathématiques.
• media-progress() permet de dessiner un ratio de progression à partir de fonctionnalités multimédias.
• container-progress() permet de dessiner un taux de progression à partir de fonctionnalités de conteneur.

Les safe-area-max-inset-topvariables d’environnement , safe-area-max-inset-right, safe-area-max-inset-bottomet safe-area-max-inset-left sont liées aux variables d’incrusté de zone sécurisée, mais représentent la zone de sécurité maximale possible.

L’utilisation de la zone sécurisée maximale possible est utile pour éviter de mettre à jour la mise en page d’une page lorsque la valeur d’incrupage de la zone sécurisée augmente.

Les command attributs HTML et commandfor pour <button> les éléments vous permettent d’attribuer un comportement aux boutons de manière accessible et déclarative, tout en réduisant la fréquence d’utilisation d’une page JavaScript pour assurer l’interactivité.

Lorsqu’un clic est activé, touché ou activé via une touche, un bouton avec les commandfor attributs et command distribue un CommandEvent sur l’élément référencé par commandfor, avec certains comportements par défaut, tels que l’ouverture de dialogues et de fenêtres contextuelles.

L’élément <link rel="facilitated-payment" href="..."> agit comme un indicateur que le navigateur utilise pour informer les clients de paiement inscrits d’un paiement Push en attente.

L’interface SVGAElement dans SVG 2.0 permet de manipuler des éléments SVG <a> , qui sont similaires aux éléments d’ancre HTML. Cette modification ajoute la prise en charge des rel attributs et relList , afin d’améliorer la sécurité et la confidentialité de vos pages web.

Cette approche s’aligne sur le fonctionnement des éléments d’ancre HTML et garantit la cohérence et la facilité d’utilisation dans SVG et HTML.

L’API Web Speech est une API web standard qui vous permet d’incorporer la reconnaissance et la synthèse vocales dans vos pages web.

L’API Web Speech utilise le microphone par défaut de l’utilisateur comme entrée audio par défaut. La prise en charge de MediaStreamTrack permet à un site web d’utiliser l’API Web Speech pour légende d’autres sources audio, y compris les pistes audio distantes.

Pour éliminer les fuites d’historique de navigation des utilisateurs, les éléments HTML <a> sont désormais stylés comme :visited uniquement s’ils ont été cliqués à partir du site de niveau supérieur et de l’origine de l’image auparavant. Cela signifie que Microsoft Edge partitionne désormais les liens visités en fonction de trois clés :

• URL du lien.
• Site de niveau supérieur.
• Origine du cadre.

En stylisant uniquement les liens qui ont été cliqués sur ce site et l’image auparavant, les attaques par canal latéral qui ont été développées pour obtenir :visited des informations de style de liens sont désormais obsolètes.

Les liens d’auto-liaison en sont exclus ; Les liens vers les propres pages d’un site peuvent être stylés comme :visited s’ils n’ont pas été cliqués dans ce site de niveau supérieur exact et l’origine du cadre auparavant. Cette exemption n’est activée que dans les images de niveau supérieur ou les sous-images qui sont de même origine que le frame de niveau supérieur.

Un client service Worker est maintenant créé pour les iframes qui utilisent l’attribut srcdoc . Le client service Worker créé hérite du worker de service du parent de l’iframe.

Si un pointeur est capturé pendant la distribution de l’événement pointerup , l’événement click est distribué à la cible capturée, au lieu d’être distribué à l’ancêtre commun le plus proche des pointerdown événements et pointerup .

Le Float16Array tableau typé est désormais pris en charge. Les valeurs numériques sont arrondies au format virgule flottante demi-précision (IEEE FP16) lors de l’écriture dans un Float16Array instance.

Atténue le suivi des utilisateurs par des tiers via le cache HTTP Strict Transport Security (HSTS).

Cette fonctionnalité autorise uniquement les mises à niveau HSTS pour les navigations de niveau supérieur et bloque les mises à niveau HSTS pour les demandes de sous-ressources. Le blocage d’une telle mise à niveau HSTS rend impossible pour les sites tiers d’utiliser le cache HSTS afin de suivre un utilisateur sur le web.

Lorsqu’une navigation de page est lancée par un élément, par exemple lorsque l’utilisateur clique sur un lien ou envoie un formulaire, le résultat a NavigateEvent maintenant une sourceElement propriété qui pointe vers l’élément initiateur.

L’API NotRestoredReasons fait partie de l’API PerformanceNavigationTiming. Cette modification met à jour les noms des motifs afin qu’ils correspondent à la spécification.

Liste des modifications :

Les observables sont un paradigme de programmation réactive populaire pour gérer un flux asynchrone d’événements basés sur l’envoi (push). Les observables peuvent être considérées comme des promesses, mais pour plusieurs événements. Les observables vous permettent d’écrire du code de style plus linéaire et déclaratif et d’éviter les rappels imbriqués. Autrement dit, les observables permettent une gestion ergonomique des événements, en fournissant un Observable objet qui représente le flux asynchrone des événements.

Vous pouvez « vous abonner » à cet objet pour recevoir des événements au fur et à mesure qu’ils entrent et appeler l’un de ses opérateurs pour décrire de manière déclarative le flux des transformations par lesquelles passent les événements. Cela contraste avec la version impérative , qui nécessite souvent un imbrication compliquée avec des approches telles que addEventListener().

Consultez la spécification observable W3C.

La Client.url propriété d’un worker de service, qui est l’URL du document HTML initial, ignore désormais les modifications apportées par la history.pushState() méthode et d’autres API d’historique similaires.

Les horodatages suivants sont désormais exposés :

• Horodatage de capture : horodatage lors de la capture initiale d’un cadre.
• Timestamp de réception : horodatage lors de la réception d’un frame.

Ces horodatages sont présents dans les trames encodées en WebRTC qui sont transmises via RTCPeerConnection.

Cette modification permet aux applications de visioconférence qui utilisent WebRTC d’implémenter des mesures de latence pour mieux comprendre les performances.

Les loaded attributs et total d’un ProgressEvent indiquent la progression actuelle. Le type de ces attributs est désormais un nombre à virgule flottante entre 0 et 1, qui s’aligne sur le comportement par défaut de l’élément <progress> HTML, lorsque l’attribut max est omisProgressEvent.

fetchLater() est une API JavaScript pour envoyer une demande d’extraction différée. Une fois la demande de récupération différée envoyée, une demande différée est mise en file d’attente par le navigateur dans un état d’attente .

La demande d’extraction différée est ensuite appelée par la plus ancienne des conditions suivantes :

• Lorsque le document est détruit.
• Après une heure spécifiée par l’utilisateur.
• Lorsque le navigateur décide qu’il est temps d’envoyer la demande.

L’API retourne un FetchLaterResult qui contient le activated champ booléen. Le activated champ booléen peut être mis à jour pour indiquer si la demande différée a été envoyée. Une fois la demande différée envoyée, la réponse est ignorée par le navigateur, y compris le corps et les en-têtes de la page web.

L’API highlightsFromPoint() permet à vos pages web d’interagir avec les mises en surbrillance personnalisées CSS, en détectant les mises en surbrillance qui existent à un point spécifique dans un document.

L’obtention de surlignages à partir d’un point peut être utilisée par une application web pour gérer les interactions utilisateur avec des mises en surbrillance personnalisées, telles que :

• Réponse à un événement de pointage sur une région mise en surbrillance pour déclencher une info-bulle personnalisée.
• En réponse à un utilisateur, cliquez sur une région en surbrillance pour déclencher un menu contextuel.

L’API Intl.Locale expose des informations telles que les données de semaine et le type de cycle d’heure d’un paramètre régional.

Les propriétés d’accesseur de l’objet Intl.Locale sont désormais déconseillées, en faveur des fonctions correspondantes, conformément à la spécification . Par exemple, la Intl.Locale.prototype.hourCycle propriété accesseur est déconseillée en faveur de la Intl.Locale.prototype.getHourCycles() fonction .

La propriété déconseillée navigator.xr.supportsSession a été supprimée de l’API WebXR.

Dans la spécification WebXR de 2019, la navigator.xr.supportsSession propriété a été marquée comme déconseillée et a été remplacée par la navigator.xr.isSessionSupported() méthode .

La maxInterStageShaderComponents limite est maintenant supprimée pour les raisons suivantes :

• Redondance avec maxInterStageShaderVariables, qui a déjà un objectif similaire : contrôler la quantité de données passées entre les étapes du nuanceur.

• Différences mineures : Bien qu’il existe de légères différences dans la façon dont les deux limites sont calculées, ces différences sont mineures et peuvent être gérées efficacement dans la maxInterStageShaderVariables limite.

• Simplification : la suppression maxInterStageShaderComponents simplifie l’interface du nuanceur et réduit la complexité de l’utilisation de l’interface. Au lieu de gérer deux limites distinctes (qui s’appliquent simultanément, mais avec des différences subtiles), vous pouvez simplement vous concentrer sur le nom plus approprié et complet maxInterStageShaderVariables.

Vous trouverez ci-dessous de nouvelles API expérimentales que vous pouvez essayer 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 afficher la liste complète des essais d’origine disponibles, consultez Microsoft Edge Origin Trials.

Expire le 31 mars 2025.

L’API Digital Goods permet à une application web d’obtenir des informations sur ses produits numériques et les achats de l’utilisateur gérés par un magasin numérique. L’agent utilisateur extrait les connexions au magasin, et l’API demande de paiement est utilisée pour effectuer des achats.

• Explicatif
• Commentaires
• Inscrire

Expire le 31 mars 2025.

Web App LocalFolder Access permet à une application web progressive (PWA) installée sur le Microsoft Store d’accéder au contenu de fichier précédemment stocké dans le dossier WinRT ApplicationData.LocalFolder par une version antérieure de l’application.

• Explicatif
• Commentaires
• Inscrire

Expire le 14 juin 2025.

L’attribut handwriting fournit un moyen par document et par élément de contrôler où l’entrée d’écriture manuscrite, par exemple lors de l’utilisation d’un stylet, est autorisée.

• Explicatif
• Commentaires
• Inscrire

Expire le 30 juin 2025.

L’API Informations sur l’acquisition prend en charge l’attribution d’acquisition 3P pour les PWA qui ont été acquises via un magasin d’applications ou directement à partir du navigateur.

• Explicatif
• Commentaires
• Inscrire