Freigeben über

Versionshinweise zur Microsoft Edge 140-Webplattform (September 2025)

Im Folgenden finden Sie die neuen Webplattformfeatures und -updates in Microsoft Edge 140, die am 4. September 2025 veröffentlicht werden.

Um auf dem neuesten Stand zu bleiben und die neuesten Webplattformfeatures zu erhalten, laden Sie einen Vorschaukanal von Microsoft Edge (Beta, Dev oder Canary) herunter. wechseln Sie zu Microsoft Edge-Insider werden.

Ausführlicher Inhalt:

Edge DevTools

Weitere Informationen finden Sie unter Neuerungen in DevTools (Microsoft Edge 140).

WebView2

Weitere Informationen finden Sie unter 1.0.3485.44 (8. September 2025) in den Versionshinweisen für das WebView2 SDK.

Webplattformfeatures

CSS-Features

CSS-Eigenschaft caret-animation

Microsoft Edge unterstützt die Animation der CSS-Eigenschaft caret-color . Wenn die Animation jedoch animiert wird, hat das standardmäßige Blinkverhalten des Caretzeichens die Animation beeinträchtigt.

Die caret-animation -Eigenschaft unterstützt jetzt zwei Werte:

  • auto: Das standardmäßige Blinkverhalten des Browsers tritt auf.
  • manual: Sie steuern die Caretanimation.

Siehe auch:

counter()und counters() im Alternativtext der CSS-Eigenschaft content

Die counter() CSS-Funktionen und counters() können jetzt im alternativen Textteil der content CSS-Eigenschaft verwendet werden.

Zum Beispiel:

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

Siehe auch:

CSS-Eigenschaft scroll-target-group

Die scroll-target-group: auto CSS-Eigenschaft gibt an, dass das Element ein Scrollmarkergruppencontainer ist.

Der Browser verfolgt den aktuellen Bildlaufmarker in Containern von Scrollmarkergruppen nach und ermöglicht Ihnen das Formatieren <a> von Elementen mithilfe der :target-current Pseudoklasse.

Der folgende Codeausschnitt zeigt beispielsweise, wie das aktuell sichtbare Kapitel in einem Inhaltsverzeichnis automatisch hervorgehoben wird:

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

Siehe auch:

CSS-typisierte Arithmetik

Mit der typisierten Arithmetik in CSS können Sie Ausdrücke wie calc(10em / 1px) oder calc(20% / 0.5em * 1px) schreiben, um einheitenlose Werte abzurufen. Einheitenlose Werte können für Fälle wie Typografie nützlich sein.

Css-typisierte Arithmetik ermöglicht es Ihnen, Werte mit Einheiten in einheitenlose Werte zu konvertieren. Sie können dann den unitlosen Wert in CSS-Eigenschaften verwenden, die Zahlen akzeptieren, oder den wert ohne Einheit mit einem Wert mit einer anderen Einheit weiter multiplizieren, z. B. um einen Pixelwert in einen Gradwert zu konvertieren.

Siehe auch:

Anzeigen der Änderung der Übergangszusage finished

Zuvor wurde die Zusage eines Ansichtsübergangs finished aufgelöst, nachdem der visuelle Rahmen, der den Ansichtsübergang entfernt, vom Browser erstellt wurde. Dies kann am Ende des Ansichtsübergangs zu Flimmern führen, wenn JavaScript-Code Stile ändert.

Der Zeitpunkt der finished Zusage wurde nun geändert, um dieses Problem zu beheben.

Siehe auch:

Ansichtsübergänge: Weitere Animationseigenschaften werden geerbt

Die folgenden CSS-Animationseigenschaften werden jetzt von Pseudoelementen für den Ansichtsübergang geerbt:

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

Siehe auch:

Geschachtelte Ansichtsübergänge

Geschachtelte Ansichtsübergänge ermöglichen es Ansichtsübergängen, eine geschachtelte Pseudoelementstruktur anstelle einer flachen Pseudoelementstruktur zu generieren, wodurch bestimmte Ansichtsübergänge eher wie ihre ursprünglichen Elemente aussehen können.

Einige CSS-Features basieren auf der Beziehung zwischen Elementen in der DOM-Struktur, z. B.:

  • Ausschneiden der overflowEigenschaften , clip-pathoder border-radius
  • 3D-Effekte aus den transformEigenschaften , transform-styleoder perspective .
  • Maskierung und Effekte aus den opacityEigenschaften , mask-imageoder filter .

Die visuelle Ausgabe dieser Effekte hängt von der DOM-Struktur ab, und ein Ansichtsübergang, der die DOM-Struktur vereinfacht, kann dazu führen, dass diese Effekte nicht wie erwartet funktionieren.

Siehe auch:

font-variation-settings Deskriptor in @font-face Regeln

@font-face -Regeln unterstützen jetzt die font-variation-settings -Eigenschaft.

Mit font-variation-settings der -Eigenschaft können Sie die Stärke, Breite, Neigung und andere Achsen einer Schriftart auf einzelnen Elementen anpassen. Jetzt kann die font-variation-settings -Eigenschaft auch in @font-face Regeldeklarationen verwendet werden, wodurch Wiederholungen reduziert und die Definition typografischer Stile vereinfacht wird.

Siehe auch:

Web-APIs

__Http- Und __HostHttp- Cookienamenpräfixe

Um serverseitig zwischen Cookies zu unterscheiden, die vom Server und dem Client festgelegt wurden, sind nun die __Http- Namenspräfixe und __HostHttp- in Cookies verfügbar.

Diese Präfixe können verwendet werden, um mithilfe von JavaScript-Code zu überprüfen, ob ein Cookie auf der Clientseite festgelegt wurde, z. B. um zu überprüfen, ob ein Cookie, das normalerweise immer vom Server festgelegt wird, nicht unerwartet vom Client festgelegt wurde.

Siehe auch:

overscroll-behavior Weitergabe von <html> zum Viewport

overscroll-behavior Zuvor wurde von an den <body> Viewport der Seite weitergegeben. Die overscroll-behavior -Eigenschaft wird jetzt vom Stammelement <html> an den Viewport weitergegeben.

Dadurch wird Microsoft Edge an anderen Browsern ausgerichtet.

Siehe auch:

min Option für ReadableStreamBYOBReader.read(view)

Mit min der Option für die ReadableStreamBYOBReader.read(view) API können Sie vorschreiben, dass der Stream warten muss, bis mindestens eine Mindestanzahl von Elementen verfügbar ist, bevor der Lesevorgang aufgelöst wird.

Mit ReadableStreamBYOBReader.read(view) der API können Sie eine Pufferansicht bereitstellen, in die Datenstromdaten gelesen werden. Die neue min Option kann verwendet werden, um zu vermeiden, dass der Lesevorgang des Datenstroms mit weniger Elementen aufgelöst wird, als die Ansicht aufnehmen kann. Dies ist nützlich für leistungsabhängige Anwendungen, bei denen Consumer häufig eine Mindestanzahl von Elementen benötigen, bevor sie mit der Decodierung, Analyse oder anderen Verarbeitungslogik fortfahren können.

Siehe auch:

container Option für scrollIntoView()

Standardmäßig führt die scrollIntoView() Funktion einen Bildlauf auf jedem Vorgänger des Elements durch, das auch ein Scrollcontainer ist.

Die scrollIntoView() Funktion unterstützt jetzt eine container Option, die verwendet werden kann, um stattdessen nur den nächsten Vorgänger zu scrollen.

Zum Beispiel:

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

Siehe auch:

Zeitangaben für statisches Routing der Service Worker-API

Neue Informationen zur Zeitsteuerung für statisches Service Worker-Routing-API sind jetzt für die Navigations- und Ressourcenzeitsteuerungs-APIs verfügbar. Anhand dieser Informationen können Sie die Latenz messen, die für die statische Routing-API entsteht, z. B. die Zeit für die Routerauswertung oder die Zeit, die für die Durchführung der Cachesuche erforderlich ist, oder bestimmen, ob die übereinstimmende Quelle die endgültige verwendete Quelle ist.

Die neuen Zeitsteuerungsinformationen bieten Folgendes:

  • Die übereinstimmene Route (die Route, die von der statischen Routing-API ausgewertet wurde).
  • Die tatsächliche Quelle, aus der die Ressource abgerufen wurde.
  • Die Zeit, die für die Übereinstimmung mit der Route benötigt wurde.

Siehe auch:

SharedWorker-Skript erben Controller für Blob-URLs

SharedWorker -Instanzen erben jetzt Controller für Blob-URLs. Dadurch ist Microsoft Edge mit anderen Browsern konsistent.

Siehe auch:

Popover ToggleEvent-Attribut source

Das source -Attribut der Popover-Instanzen ToggleEvent bezieht sich jetzt auf das Element, das ggf. ausgelöst ToggleEventhat.

Wenn der Benutzer z. B. auf ein <button> Element mit dem popovertarget -Attribut oder dem commandfor Zum Öffnen eines Popovers eingerichteten Attributs klickt, ToggleEvent ist ein source -Attribut auf die aufrufende Schaltfläche festgelegt.

Siehe auch:

Konvertieren von Uint8Array zwischen base64- und hex-Formaten

Uint8Array -Objekte verfügen über die folgenden neuen Methoden, um zwischen Base64- und Hex-Datenformaten zu konvertieren:

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

Siehe auch:

highlightsFromPoint-API

Mit highlightsFromPoint der API können Sie mit benutzerdefinierten Hervorhebungen interagieren, indem Sie erkennen, welche Hervorhebungen an einem bestimmten Punkt innerhalb eines Dokuments vorhanden sind.

Die highlightsFromPoint API ist nützlich für Apps, bei denen sich mehrere Hervorhebungen überlappen können oder innerhalb des Schatten-DOM vorhanden sind. Diese API ermöglicht es, dynamische Interaktionen mit benutzerdefinierten Hervorhebungen effektiver zu verwalten, z. B. durch Reaktion auf Benutzerklicks oder Hoverereignisse auf hervorgehobene Regionen, um benutzerdefinierte QuickInfos, Kontextmenüs oder andere interaktive Features auszulösen.

Siehe auch:

Entfernte Features

Spezielle Schriftgradregeln für <h1> einige Elemente wurden entfernt.

Zuvor wurden spezielle Ränder und Schriftgrade auf <h1> Elemente angewendet, die in <article>den Elementen , <aside>, <nav>und <section> geschachtelt waren.

Diese speziellen Regeln wurden jetzt entfernt, da sie Barrierefreiheitsprobleme verursacht haben, z. B. die visuelle Verringerung des Schriftgrads für geschachtelte <h1> Elemente, <h2> ohne diese Änderung in der Zugriffsstruktur widerzuspiegeln.

Siehe auch:

Ursprungstests

Im Folgenden finden Sie neue experimentelle APIs, die Sie auf Ihrer eigenen Livewebsite für einen begrenzten Zeitraum ausprobieren können.

Weitere Informationen zu Ursprungstests finden Sie unter Testen experimenteller APIs und Features mithilfe von Ursprungstests.

Eine vollständige Liste der verfügbaren Ursprungstests finden Sie unter Microsoft Edge Origin-Testversionen.

Microsoft Edge-reine Ursprungstests

Web-App-Bereichserweiterungen

Läuft am 31. August 2025 ab

scope_extensions ist ein neues Web-App-Manifestmitglied, mit dem Web-Apps ihren Bereich auf andere Ursprünge erweitern können.

Bereichserweiterungen ermöglichen die Darstellung von Web-Apps, die auf mehreren Unterdomänen und Domänen der obersten Ebene basieren, als einzelne Web-App.

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

Die im scope_extensions Member aufgeführten Ursprünge müssen bestätigen, dass sie der Web-App zugeordnet sind, indem sie eine Konfigurationsdatei mit dem Namen hosten .well-known/web-app-origin-association. Die Datei muss den Ursprung der Web-App auflisten:

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}
MS High Contrast Deprecation

Läuft am 9. September 2025 ab.

Die Ms High Contrast Deprecation origin trial aktiviert die Legacy-CSS-Medienabfrage -ms-high-contrast und die Legacyeigenschaft -ms-high-contrast-adjust .

Weitere Informationen finden Sie unter Veraltete Unterstützung für -ms-high-contrast und -ms-high-contrast-adjust.

AriaNotify-API

Läuft am 14. Oktober 2025 ab.

Mit der AriaNotify-API kann Ihre App einer Sprachausgabe direkt mitteilen, was zu sagen ist, wenn es eine nicht vom Benutzer initiierte Änderung am Inhalt einer Webseite gibt. Im einfachsten Szenario rufen ariaNotify("foo") Sie für das Dokument oder für ein Element auf.

Weitere Informationen finden Sie unter Erstellen eines barrierefreieren Webs mit Aria Notify.

Api zum Abrufen von Informationen

Läuft am 18. Dezember 2025 ab.

Die Acquisition Info-API unterstützt die Zuordnung von Drittanbieterakquisitionen für PWAs, die über einen App Store oder direkt über den Browser erworben wurden.

Hinweis

Teile dieser Seite sind Änderungen, die auf Arbeiten basieren, die von Chromium.org erstellt und freigegeben wurden und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Bedingungen verwendet werden.

  • Last updated on