Partager via

Notes de publication de la plateforme web Microsoft Edge 138 (juin 2025)

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

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 138).

WebView2

Consultez 1.0.3296.44 (3 juin 2025) dans Notes de publication archivées pour le Kit de développement logiciel (SDK) WebView2.

Fonctionnalités de la plateforme web

Fonctionnalités CSS

Mot clé de dimensionnement CSS stretch

La stretch mot clé, pour les propriétés de dimensionnement CSS telles que width et height, permet à un élément de croître pour remplir exactement l’espace disponible de son bloc conteneur. Le stretch dimensionnement mot clé est similaire à la valeur 100%, sauf que la taille résultante est appliquée à la zone de marge de l’élément, au lieu d’être appliquée à la zone indiquée par box-sizing.

La stretch mot clé permet à l’élément de conserver ses marges, tout en étant aussi volumineux que possible. Il s’agit d’une version non préfixée de -webkit-fill-available.

Voir aussi :

CSS abs() et sign() fonctions

La abs(A) fonction retourne la valeur absolue de A, du même type que l’entrée :

  • Si la valeur numérique de A est positive ou 0⁺, abs(A) génère A.
  • Sinon, abs(A) génère -1 * A.

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⁺ si la valeur numérique de A est 0⁺.
  • 0⁻ si la valeur numérique de A est 0⁻.

Le type CSS de retour est <number>, rendu cohérent avec le type du calcul d’entrée.

Voir aussi :

Variable d’environnement CSS pour la mise à l’échelle de police au niveau du système d’exploitation

La preferred-text-scale variable d’environnement CSS expose l’échelle de police préférée d’un utilisateur à CSS.

Auparavant, il n’était pas pratique pour une page de détecter si l’utilisateur avait modifié sa taille de police préférée via les préférences du système d’exploitation.

Voir aussi :

CSS sibling-index() et sibling-count() fonctions

sibling-index() et sibling-count() peuvent être utilisés comme entiers dans les valeurs de propriété CSS pour appliquer un style aux éléments en fonction de leur position parmi les éléments frères ou du nombre total de frères et sœurs. Ces fonctions peuvent être utilisées dans des calc() expressions ou directement comme valeurs entières.

Par exemple, vous pouvez utiliser la sibling-index() fonction à l’intérieur d’une calc() expression pour définir la marge gauche d’un élément de liste en fonction de sa position parmi ses frères :

li {
  margin-inline-start: calc(1rem * sibling-index());
}

Voir aussi :

Progression de l’interpolation : fonction CSS progress()

La progress() fonction mathématique CSS retourne un <number> qui représente la position d’une valeur entre une valeur de début de progression et une valeur de fin de progression.

progress() peut être utile dans des cas tels que la typographie fluide.

Voir aussi :

API web

Aperçus de l’API d’aide à l’écriture et à l’invite

L’API Prompt et les API d’aide à l’écriture sont désormais disponibles en préversion pour les développeurs dans les canaux Edge Canary et Dev.

Ces API vous donnent accès à un modèle de petite langue puissant, Phi-4-mini, intégré au navigateur Edge.

Utilisez ces API pour essayer l’ingénierie d’invite, résumer et modifier du contenu ou générer du texte.

Voir aussi :

Nouvelles prefetchCache valeurs et prerenderCache pour l’en-tête Clear-Site-Data

L’en-tête Clear-Site-Data HTTP prend désormais en charge les nouvelles prefetchCache valeurs et prerenderCache .

Auparavant, la seule façon d’effacer le cache de prérécupération et de prérécupération était d’utiliser cache la valeur de l’en-tête Clear-Site-Data HTTP. Avec l’adoption accrue de l’API Règles de spéculation, les développeurs ont besoin d’un moyen spécifique d’effacer le cache de prérécupération ou de prérecupération, ou les deux, sans perturber les autres informations de session, telles que l’historique ou les cookies.

Voir aussi :

Métadonnées d’orientation d’image vidéo dans WebCodecs

Différentes interfaces vidéo dans WebCodecs ont rotation désormais des valeurs et flip :

  • L’interface VideoFrame peut désormais créer des instances d’objet qui ont des valeurs et flip arbitrairesrotation.
  • L’objet VideoDecoderConfig a rotation désormais des champs et flip qui sont émis automatiquement sur les objets décodés VideoFrame .
  • La VideoEncoder classe dispose désormais d’un mécanisme pour passer rotation des informations et flip de encode() vers le VideoDecoderConfig qui est émis dans le cadre de EncodedVideoChunkMetadata.

Auparavant, les développeurs n’avaient aucun moyen de savoir quand ils recevaient des images vidéo qui avaient une orientation autre que celle par défaut.

Voir aussi :

Nouveaux is_top_level champs et dans visibility_state les rapports de l’API rapports d’incident

Les rapports d’incident envoyés aux points de terminaison par défaut par l’API Rapports d’incident ont désormais les is_top_level champs de chaîne et visibility_state .

Les is_top_level champs et visibility_state sont des bits contextuels d’informations sur les trames de blocage dans un rapport d’incident.

Voir aussi :

Interdire le pré-rendu de texte brut sur HTTP

Pour rendre le pré-rendu cohérent avec la pré-extraction, le pré-rendu de texte brut fonctionne désormais uniquement sur HTTPS.

Auparavant, le pré-rendu de texte brut était autorisé sur les connexions HTTP et HTTPS.

Voir aussi :

Échappement < et > dans les attributs HTML lors de la sérialisation

Les < caractères et > dans les valeurs d’attribut d’élément HTML sont désormais placés dans une séquence d’échappement lors de la sérialisation du code HTML. Cela réduit le risque d’attaques XSS par mutation, qui se produisent lorsque la valeur d’un attribut est interprétée comme un jeton de balise de début après avoir été sérialisée et ré-analysée.

Integrity-Policy en-tête pour l’intégrité des sous-ressources des scripts

Le nouvel Integrity-Policy en-tête vous permet d’affirmer que chaque ressource d’un type donné doit faire l’objet d’une vérification d’intégrité. Si une ressource du type spécifié est tentée d’être chargée sans métadonnées d’intégrité, cette tentative échoue et génère un rapport de violation.

Voir aussi :

Quota de stockage signalé prédictible

Le quota de stockage signalé par la méthode de StorageManager estimate() pour les sites qui ne disposent pas d’autorisations de stockage illimitées est désormais le même pour tous les modes de navigation.

Cela atténue un problème où il était auparavant possible de détecter le mode de navigation d’un utilisateur via le quota de stockage signalé, car l’espace de stockage mis à disposition est beaucoup plus petit en mode InPrivate qu’en mode normal.

Le quota signalé est désormais égal à l’utilisation actuelle du stockage, plus la valeur minimale comprise entre 10 Gio et la taille de disque de l’appareil arrondie au 1 Gio le plus proche, dans tous les modes de navigation, pour les sites avec des autorisations de stockage limitées.

Les sites qui disposent d’autorisations de stockage illimitées ne sont pas affectés.

Voir aussi :

pushsubscriptionchange événement lors de la réabonnement

L’événement pushsubscriptionchange est déclenché par un worker de service lorsqu’une autorisation de notification d’origine est à nouveau accordée, après la révocation de l’abonnement Push précédent de l’origine en raison d’une modification d’autorisation (de granted à deny ou default).

L’événement est déclenché avec un vide oldSubscription et newSubscription.

Voir aussi :

Règles de spéculation : target_hint champ

La syntaxe des règles de spéculation a été étendue pour vous permettre de spécifier le target_hint champ. Le target_hint champ fournit un indicateur permettant au navigateur de savoir où une cible pré-affichée sera affichée, par exemple dans un nouvel onglet ou une nouvelle fenêtre.

Par exemple, lorsque _blank est spécifié en tant qu’indicateur, une page pré-affichée peut être affichée dans une fenêtre ouverte par window.open().

target_hint prend actuellement en charge les _self chaînes et _blank . Si l’indicateur n’est pas spécifié, il est traité comme _self.

Le target_hint champ n’a aucun effet sur les règles de prérécupération de la spéculation.

Voir aussi :

API d’énumération des segments de fenêtre d’affichage

L’API Viewport Segments Enumeration vous permet d’adapter la disposition de votre site web aux appareils pliables cibles.

Un segment de fenêtre d’affichage définit la position et les dimensions d’une région séparée logiquement de la fenêtre d’affichage. Un segment de fenêtre d’affichage est créé lorsque la fenêtre d’affichage est divisée par une ou plusieurs fonctionnalités matérielles (telles qu’un pliage ou une charnière entre des écrans distincts) qui agissent comme un séparateur.

Les segments sont les régions de la fenêtre d’affichage qui peuvent être traitées comme logiquement distinctes.

Voir aussi :

Extensions d’étendue d’application web

Le nouveau "scope_extensions" champ manifeste d’application web permet à une application web d’étendre son étendue à d’autres origines.

Exemple d’utilisation :

{
  "name": "Example",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {"type" : "origin", "origin" : "https://example.com"}
  ]
}

Le scope_extensions champ permet à un site qui contrôle plusieurs sous-domaines et domaines de niveau supérieur d’être présenté sous la forme d’une seule application web.

Le scope_extensions champ nécessite des origines répertoriées pour confirmer l’association avec l’application web à l’aide d’un .well-known/web-app-origin-association fichier de configuration :

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

Voir aussi :

Fonctionnalités supprimées

La suppression asynchrone de plage pour les extensions de source multimédia lève désormais des exceptions

Les modifications suivantes ont été apportées à la spécification Media Source Extensions, afin d’interdire un comportement défini de manière ambiguë impliquant des suppressions de plages asynchrones :

  • SourceBuffer.abort() n’abandonne plus les SourceBuffer.remove() opérations.
  • Le paramètre MediaSource.duration ne peut plus tronquer le média actuellement mis en mémoire tampon.

Bien que ces modifications aient été apportées il y a longtemps, et que Safari et Firefox les ont déjà implémentées, Chromium ne l’avait pas encore fait. Des exceptions seront désormais levées dans ces deux cas.

Voir aussi :

Supprimer le secours automatique SwiftShader

Auparavant, si un contexte WebGL ne pouvait pas être créé avec le GPU disponible, Chromium revenait automatiquement à l’utilisation du convertisseur logiciel SwiftShader. Ce comportement de secours automatique est maintenant supprimé et la création du contexte WebGL échoue désormais au lieu de revenir à SwiftShader.

SwiftShader présente des risques de sécurité et conduit à une expérience utilisateur médiocre lors du retour d’un WebGL avec GPU hautes performances à une implémentation soutenue par le processeur.

SwiftShader reste un outil utile pour effectuer des tests sans tête sur un site. Ce cas d’usage est toujours pris en charge par l’abonnement, ce que vous pouvez faire en exécutant Microsoft Edge avec l’argument --enable-unsafe-swiftshader de ligne de commande.

Voir aussi :

Essais d’origine

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 Tester les API expérimentales et les fonctionnalités à l’aide d’essais d’origine.

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

Versions d’évaluation d’origine de Microsoft Edge uniquement

Accès de l’application web à LocalFolder

Expire le 31 juillet 2025

Permet aux PWA installées à partir du Microsoft Store d’accéder au contenu de fichier précédemment stocké dans le dossier WinRT ApplicationData.LocalFolder par une version UWP antérieure de la même application.

Extensions d’étendue d’application web

Expire le 31 août 2025

scope_extensions est un nouveau membre de manifeste d’application web qui permet aux applications web d’étendre leur portée à d’autres origines.

Les extensions d’étendue permettent aux applications web qui reposent sur plusieurs sous-domaines et domaines de niveau supérieur d’être présentées sous la forme d’une seule application web.

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "type",
      "origin": "https://example.com"
    }
  ]
}

Les origines répertoriées dans le scope_extensions membre doivent confirmer qu’elles sont associées à l’application web en hébergeant un fichier de configuration nommé .well-known/web-app-origin-association. Le fichier doit répertorier l’origine de l’application web :

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}
API d’informations d’acquisition

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.

Dépréciation de MS à contraste élevé

Expire le 9 septembre 2025.

Active la requête de média CSS -ms-high-contrast hérité et la propriété héritée -ms-high-contrast-adjust .

Consultez Prise en charge déconseillée pour -ms-high-contrast et -ms-high-contrast-adjust.

AriaNotify API

Expire le 14 octobre 2025.

L’API AriaNotify permet aux développeurs d’indiquer directement à un lecteur d’écran ce qu’il doit lire. Dans le scénario le plus simple, appelez ariaNotify("foo") sur le document ou un élément .

Consultez Création d’un site web plus accessible avec Aria Notify.

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