Partager via

Notes de publication de la plateforme web Microsoft Edge 140 (septembre 2025)

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

WebView2

Consultez 1.0.3485.44 (8 septembre 2025) dans notes de publication du Kit de développement logiciel (SDK) WebView2.

Fonctionnalités de la plateforme web

Fonctionnalités CSS

Propriété CSS caret-animation

Microsoft Edge prend en charge l’animation de la caret-color propriété CSS. Toutefois, lorsqu’il est animé, le comportement de clignotement par défaut de l’insertion a interféré avec l’animation.

La caret-animation propriété prend désormais en charge deux valeurs :

  • auto: le comportement de clignotement du navigateur par défaut se produit.
  • manual: vous contrôlez l’animation d’insertion.

Voir aussi :

counter() et counters() dans le texte de remplacement de la content propriété CSS

Les counter() fonctions CSS et counters() peuvent désormais être utilisées dans la partie texte alternative de la content propriété CSS.

Par exemple :

::before {
  content: url("images/chapter-separator.png") / "Chapter" counter(chapter);
}

Voir aussi :

Propriété CSS scroll-target-group

La scroll-target-group: auto propriété CSS spécifie que l’élément est un conteneur de groupe de marqueurs de défilement.

Le navigateur effectue le suivi du marqueur de défilement actuel dans les conteneurs de groupes de marqueurs de défilement et vous permet d’appliquer un style <a> aux éléments à l’aide de la :target-current pseudo classe .

Par exemple, l’extrait de code suivant montre comment mettre automatiquement en surbrillance le chapitre actuellement visible dans une table des matières :

<style>
  ol {
    right: 10px;
    top: 10px;
    position: fixed;
    scroll-target-group: auto;
  }

  a:target-current {
    color: red;
  }

  .chapter {
    height: 60vh;
    margin: 10px;
  }
</style>
<ol>
  <li><a href="#intro">Introduction</a></li>
  <li><a href="#ch1">Chapter 1</a></li>
  <li><a href="#ch2">Chapter 2</a></li>
</ol>
<div id="intro" class="chapter">Introduction content</div>
<div id="ch1" class="chapter">Chapter 1 content</div>
<div id="ch2" class="chapter">Chapter 2 content</div>

Voir aussi :

Arithmétique typée CSS

L’arithmétique typée dans CSS vous permet d’écrire des expressions telles que calc(10em / 1px) ou calc(20% / 0.5em * 1px) pour obtenir des valeurs sans unité. Les valeurs sans unité peuvent être utiles pour des cas tels que la typographie.

L’arithmétique typée CSS vous permet de convertir des valeurs avec des unités en valeurs sans unité. Vous pouvez ensuite utiliser la valeur sans unité dans les propriétés CSS qui acceptent des nombres, ou multiplier davantage la valeur sans unité par une autre unité, par exemple pour convertir une valeur de pixels en une valeur de degrés.

Voir aussi :

Afficher le changement de minutage de la promesse de transition finished

Auparavant, la promesse d’une transition d’affichage finished était résolue après que le cadre visuel qui supprime la transition d’affichage a été généré par le navigateur. Cela peut entraîner un scintillement à la fin de la transition d’affichage, si le code JavaScript modifie les styles.

Le calendrier de la finished promesse a maintenant été modifié pour résoudre ce problème.

Voir aussi :

Transitions d’affichage : d’autres propriétés d’animation sont héritées

Les propriétés d’animation CSS suivantes sont désormais héritées par les pseudo-éléments de transition de vue :

  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state
  • animation-delay

Voir aussi :

Transitions d’affichage imbriqué

Les transitions d’affichage imbriqué permettent aux transitions d’affichage de générer une arborescence de pseudo-éléments imbriquée plutôt qu’une arborescence de pseudo-éléments plat, ce qui permet à certaines transitions d’affichage d’apparaître davantage comme leurs éléments d’origine.

Certaines fonctionnalités CSS s’appuient sur la relation entre les éléments de l’arborescence DOM, par exemple :

  • Découpage à partir des overflowpropriétés , clip-pathou border-radius .
  • Effets 3D des transformpropriétés , transform-styleou perspective .
  • Masquage et effets des opacitypropriétés , mask-imageou filter .

La sortie visuelle de ces effets dépend de l’arborescence DOM, et une transition de vue qui aplatit l’arborescence DOM peut empêcher ces effets de fonctionner comme prévu.

Voir aussi :

font-variation-settings descripteur dans les @font-face règles

@font-face les règles prennent désormais en charge la font-variation-settings propriété .

La font-variation-settings propriété vous permet d’ajuster l’épaisseur, la largeur, l’inclinaison et d’autres axes d’une police sur des éléments individuels. Désormais, la font-variation-settings propriété peut également être utilisée dans @font-face les déclarations de règle, ce qui peut aider à réduire la répétition et à faciliter la définition des styles typographiques.

Voir aussi :

API web

__Http- et __HostHttp- préfixes de nom de cookie

Pour faire la distinction, côté serveur, entre les cookies définis par le serveur et le client, les __Http- préfixes de nom et __HostHttp- sont désormais disponibles dans les cookies.

Ces préfixes peuvent être utilisés pour case activée si un cookie a été défini côté client à l’aide de code JavaScript, par exemple pour vérifier qu’un cookie qui est normalement toujours défini par le serveur n’a pas été défini de manière inattendue par le client.

Voir aussi :

overscroll-behavior propagation de <html> vers la fenêtre d’affichage

Auparavant, overscroll-behavior a été propagé de à <body> la fenêtre d’affichage de la page. La overscroll-behavior propriété est maintenant propagée de l’élément racine <html> à la fenêtre d’affichage.

Cela aligne Microsoft Edge sur d’autres navigateurs.

Voir aussi :

min option pour ReadableStreamBYOBReader.read(view)

L’option min de l’API ReadableStreamBYOBReader.read(view) vous permet d’exiger que le flux attende qu’au moins un nombre minimal d’éléments soit disponible avant de résoudre l’opération de lecture.

L’API ReadableStreamBYOBReader.read(view) vous permet de fournir une vue de mémoire tampon dans laquelle les données de flux sont lues. La nouvelle min option peut être utilisée pour éviter de résoudre l’opération de lecture du flux avec moins d’éléments que la vue ne peut en prendre en charge, ce qui est utile pour les applications sensibles aux performances où les consommateurs ont souvent besoin d’un nombre minimal d’éléments avant de pouvoir procéder au décodage, à l’analyse ou à une autre logique de traitement.

Voir aussi :

container option pour scrollIntoView()

Par défaut, la scrollIntoView() fonction fait défiler chaque ancêtre de l’élément qui est également un conteneur de défilement.

La scrollIntoView() fonction prend désormais en charge une container option, qui peut être utilisée pour faire défiler uniquement l’ancêtre le plus proche à la place.

Par exemple :

slideList.addEventListener('click', event => {
  // scrollIntoView will automatically determine the position.
  event.target.targetSlide.scrollIntoView({container: 'nearest', behavior: 'smooth'});
});

Voir aussi :

Minutage de l’API de routage statique de Service Worker

Les nouvelles informations de minutage de l’API de routage statique de service Worker sont désormais disponibles pour les API de navigation et de minutage des ressources. Ces informations vous permettent de mesurer la latence générée par l’API de routage statique, comme le temps d’évaluation du routeur ou le temps nécessaire pour effectuer la recherche dans le cache, ou de déterminer si la source correspondante est la source finale utilisée.

Les nouvelles informations de minutage fournissent les informations suivantes :

  • Itinéraire correspondant (itinéraire évalué par l’API de routage statique).
  • Source réelle à partir de laquelle la ressource a été récupérée.
  • Temps nécessaire pour correspondre à l’itinéraire.

Voir aussi :

Le script SharedWorker hérite des contrôleurs pour les URL d’objets blob

SharedWorker Les instances héritent désormais des contrôleurs pour les URL d’objets blob. Cela rend Microsoft Edge cohérent avec les autres navigateurs.

Voir aussi :

Attribut Popover ToggleEvent source

L’attribut source des instances d’une ToggleEvent fenêtre contextuelle fait désormais référence à l’élément qui a déclenché le , le ToggleEventcas échéant.

Par exemple, si l’utilisateur clique sur un <button> élément avec l’attribut commandforpopovertarget ou sur l’attribut configuré pour ouvrir une fenêtre contextuelle, ToggleEvent le a un source attribut défini sur le bouton appelant.

Voir aussi :

Convertir Uint8Array entre les formats base64 et hexadécimal

Uint8Array Les objets ont les nouvelles méthodes suivantes pour convertir entre les formats de données Base64 et Hex :

  • Uint8Array.fromBase64()
  • Uint8Array.fromHex()
  • Uint8Array.prototype.toBase64()
  • Uint8Array.prototype.toHex()
  • Uint8Array.prototype.setFromBase64()
  • Uint8Array.prototype.setFromHex()

Voir aussi :

API highlightsFromPoint

L’API highlightsFromPoint vous permet d’interagir avec les surbrillances personnalisées en détectant les mises en surbrillance qui existent à un point spécifique dans un document.

L’API highlightsFromPoint est utile pour les applications où plusieurs surlignages peuvent se chevaucher ou exister dans le DOM d’ombre. Cette API permet de gérer plus efficacement les interactions dynamiques qui ont des mises en surbrillance personnalisées, par exemple en répondant aux clics utilisateur ou aux événements de pointage sur les régions en surbrillance, pour déclencher des info-bulles personnalisées, des menus contextuels ou d’autres fonctionnalités interactives.

Voir aussi :

Fonctionnalités supprimées

Suppression des règles spéciales de taille de police pour <h1> certains éléments

Auparavant, des marges spéciales et des tailles de police étaient appliquées aux <h1> éléments imbriqués dans <article>les éléments , <aside>, <nav>et <section> .

Ces règles spéciales sont maintenant supprimées, car elles ont provoqué des problèmes d’accessibilité, tels que la réduction visuelle de la taille de police des éléments <h2> imbriqués <h1> sans refléter cette modification dans l’arborescence d’accessibilité.

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

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": "/"
  }
}
Dépréciation de MS à contraste élevé

Expire le 9 septembre 2025.

La version d’évaluation de l’origine ms High Contrast Deprecation active la requête de média CSS -ms-high-contrast héritée 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 à votre application d’indiquer directement à un lecteur d’écran ce qu’il doit dire en cas de modification initiée par un non-utilisateur dans le contenu d’une page web. Dans le scénario le plus simple, vous appelez ariaNotify("foo") sur le document ou sur un élément.

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

API d’informations d’acquisition

Expire le 18 décembre 2025.

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

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