Freigeben über

Versionshinweise zur Microsoft Edge 137-Webplattform (Mai 2025)

Im Folgenden finden Sie die neuen Webplattformfeatures und -updates in Microsoft Edge 137, die am 29. Mai 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 137).

WebView2

Weitere Informationen finden Sie unter 1.0.3296.44 (3. Juni 2025) unter Archivierte Versionshinweise für das WebView2 SDK.

Webplattformfeatures

CSS-Features

CSS-Funktion if()

Die CSS-Funktion if() bietet eine einfache und präzise Möglichkeit, bedingte Logikwerte auszudrücken.

Die if() Funktion akzeptiert eine Reihe von Bedingungs-Wert-Paaren, die durch Semikolons getrennt sind. Die Funktion wertet jede Bedingung sequenziell aus und gibt den der ersten true Bedingung zugeordneten Wert zurück. Wenn keine der Bedingungen als trueausgewertet wird, gibt die Funktion einen leeren Tokenstream zurück.

Im folgenden Beispiel wird die if() -Funktion verwendet, um die Hintergrundfarbe eines div Elements basierend auf dem Wert einer benutzerdefinierten Eigenschaft --colorfestzulegen:

<style>
  div {
    color: var(--color);
    background-color: if(style(--color: white): black; else: white);
  }
  .dark {
    --color: black;
  }
  .light {
    --color: white;
  }
</style>
<div class="dark">dark</div>
<div class="light">light</div>

Weitere Informationen finden Sie unter Auswahl bedingter Werte: die if()-Notation in CSS Values and Units Module Level 5 ( Css Values and Units Module Level 5).

CSS reading-flow und reading-order Eigenschaften

Die reading-flow CSS-Eigenschaft steuert Folgendes:

  • Die Reihenfolge, in der Elemente in einem Flex-, Raster- oder Blocklayout für Barrierefreiheitstools verfügbar gemacht werden.
  • Die Reihenfolge, in der Elemente in einem Flex-, Raster- oder Blocklayout den Fokus haben, wenn die TAB-TASTE verwendet wird.

Die reading-flow -Eigenschaft unterstützt die folgenden Werte:

  • normal
  • flex-visual
  • flex-flow
  • grid-rows
  • grid-columns
  • grid-order
  • source-order

Mit reading-order der CSS-Eigenschaft können Sie die Reihenfolge in einem Leseflusscontainer manuell überschreiben. Der reading-order Wert ist eine ganze Zahl, die standardmäßig auf 0 festgelegt ist.

Siehe auch:

Unterstützung für shape() in offset-path

Die shape() CSS-Funktion, die bereits von der CSS-Eigenschaft clip-path unterstützt wird, wird jetzt auch von der CSS-Eigenschaft offset-path unterstützt.

Dadurch kann dieselbe Form für mehrere CSS-Eigenschaften wiederverwendet werden.

Weitere Informationen finden Sie unter offset-path bei MDN.

Systemakzentfarbe für accent-color Eigenschaft

Mit accent-color der CSS-Eigenschaft können Sie die Farbe von Formularelementen anpassen, z. B. Kontrollkästchen, Optionsfelder oder Statusanzeigen.

Nun stimmt die Standardfarbe für die accent-color Eigenschaft mit der Akzentfarbe des Betriebssystems überein./g/blink-dev/c/WwYkLjbGhoA

Weitere Informationen finden Sie unter Akzentfarbe bei MDN.

Automatisch generierte Ansichtsübergangsnamen

Die view-transition-name CSS-Eigenschaft unterstützt zwei neue Werte, um zu vermeiden, dass eindeutige Namen für Elemente erfunden werden müssen, die an einem Ansichtsübergang beteiligt sind:

  • match-element – Generiert eine eindeutige ID, die auf der Identität des Elements basiert. Dieser Wert ist in Single-Page-Apps nützlich, in denen das element, das mit einem Ansichtsübergang animiert wird, im DOM verschoben wird.

  • auto – Generiert eine eindeutige ID, die auf dem Attribut des id Elements basiert. Dieser Wert berücksichtigt nur das id Attribut und ignoriert den Typ des Elements. Dieser Ansatz ermöglicht einen Ansichtsübergang, der über mehrere Seiten einer App hinweg funktioniert, wobei Elemente mit demselben id Attribut unterschiedliche Typen aufweisen können.

Weitere Informationen finden Sie unter Automatisches Bestimmen des Ansichtsübergangsnamens.

Unterstützung für das transform Attribut auf <svg>

Transformationseigenschaften wie Skalierung, Drehung, Übersetzung und Skewing werden jetzt mithilfe des -Attributs direkt für das <svg>transform Element unterstützt.

Auf diese Weise können Sie das gesamte SVG-Koordinatensystem oder dessen Inhalt als Ganzes bearbeiten, sodass Sie mehr Flexibilität bei der Erstellung dynamischer, reaktionsfähiger und interaktiver Vektorgrafiken bieten.

Durch Unterstützung des transform Attributs kann ein <svg> Element transformiert werden, ohne dass zusätzliche Wrapperelemente oder komplexe CSS-Problemumgehungen erforderlich sind.

Weitere Informationen finden Sie unter Transformieren bei MDN.

In kursiven Skripts ignorieren letter-spacing

Gemäß Spezifikation ignoriert der Browser jetzt die letter-spacing CSS-Eigenschaft beim Rendern von schreibweisen Skripts, um wörterbrüche zu vermeiden.

Wenn möglich, kann der Browser den Buchstabenabstand anwenden, indem er den zusätzlichen Leerraum in kursive Dehnung oder Komprimierung übersetzt. Wenn der Text nicht erweitert werden kann, ohne schreibbare Verbindungen zu unterbrechen, behandelt der Browser jedes Wort als eine einzelne typografische Einheit für den Buchstabenabstand.

Die richtige schreibweise Dehnung oder Komprimierung variiert je nach:

  • Skript.
  • Schrift.
  • Sprache.
  • Word Standort.
  • Position der Zeile.
  • Implementierungskomplexität.
  • Schriftartfunktionen.
  • Kalligrafische Einstellungen.

Eine ordnungsgemäße cursive Dehnung oder Komprimierung kann eine Verkürzung beinhalten:

  • Ligaturen.
  • Swash-Varianten.
  • Kontextbezogene Formulare.
  • Längungssymbole.

Vermeiden Sie das Anwenden der letter-spacing Eigenschaft auf schreibgeschützte Skripts, es sei denn, Sie können nicht interoperable Ergebnisse akzeptieren.

Weitere Informationen finden Sie unter Buchstabenabstand bei MDN.

Web-APIs

Ändern Sie den Fehlertyp, der für payment die Erstellung von Anmeldeinformationen für die Webauthentifizierung ausgelöst wird, von in SecurityError . NotAllowedError

Zuvor wurde beim Erstellen von payment Anmeldeinformationen in einem ursprungsübergreifenden iframe ohne Benutzeraktivierung eine SecurityError ausgelöst.

Der Fehlertyp wurde nun in NotAllowedErrorgeändert, um dem Typ der Fehler zu entsprechen, die für Anmeldeinformationen ohne Zahlung ausgelöst werden.

Weitere Informationen finden Sie unter Zahlungsanforderungs-API bei MDN.

Zulassen, dass das SVG-Element <use> auf externe Dokumente verweist, ohne dass eine URL-Fragment-ID erforderlich ist

SVG-Elemente <use> können jetzt mit externen SVG-Dokumenten verknüpft werden, ohne dass ein Fragmentbezeichner angegeben werden muss.

Zuvor mussten Sie in SVG-Dokumenten explizit auf Fragmente verweisen. Zum Beispiel:

<svg>
  <use xlink:href="myshape.svg#icon"></use>
</svg>

Im obigen Beispiel ist der Fragmentbezeichner, #icon der auf ein Element mit dem id="icon" -Attribut im myshape.svg Dokument verweist. Wenn kein Bezeichner angegeben wurde, konnte das <use> Element das Ziel nicht auflösen, und es wurde nichts gerendert.

Sie können jetzt Fragmentbezeichner weglassen und nur den Namen der externen SVG-Dokumentdatei angeben. Dabei wird automatisch auf das Stammelement mit dem SVG-Dokument verwiesen. Zum Beispiel:

<svg>
  <use xlink:href="myshape.svg"></use>
</svg>

Weitere Informationen finden Sie <use> unter MDN.

Blob-URL-Partitionierung

Der Blob-URL-Zugriff ist jetzt nach Speicherschlüssel partitioniert. Speicherschlüssel sind Websites der obersten Ebene, Frameherkunft und der has-cross-site-ancestor boolesche Wert. Navigationen auf oberster Ebene bleiben nur nach Frameursprung partitioniert.

Das Partitionieren des Blob-URL-Zugriffs nach Speicherschlüssel ähnelt dem, was derzeit sowohl von Firefox als auch von Safari implementiert wird. Dadurch wird die Verwendung der Blob-URL an dem Partitionierungsschema ausgerichtet, das von anderen Speicher-APIs im Rahmen der Speicherpartitionierung verwendet wird.

Zusammen mit dieser Änderung erzwingt Microsoft Edge jetzt navigationsgesteuerte noopener Navigationen der obersten Ebene zu Blob-URLs, wobei die entsprechende Website websiteübergreifend zu der Website der obersten Ebene ist, die die Navigation ausführt. Dies entspricht einem ähnlichen Verhalten in Safari und den entsprechenden Spezifikationen.

Die Blob-URL-Partitionierung kann vorübergehend durch Festlegen der PartitionedBlobUrlUsage Richtlinie wiederhergestellt werden:

  • Wenn diese Richtlinie auf Enabled festgelegt ist oder nicht festgelegt ist, werden Blob-URLs partitioniert.
  • Wenn diese Richtlinie auf Disabledfestgelegt ist, werden Blob-URLs nicht partitioniert.

Weitere Informationen finden Sie unter Zugriffseinschränkungen für Blob-URLs in der Datei-API-Spezifikation.

Aufruflisten in Absturzberichten von nicht reagierenden Webseiten

Wenn eine Webseite aufgrund von JavaScript-Code, der eine sehr lange Berechnung ausführt, wie z. B. eine Endlosschleife, nicht mehr reagiert, wird die Javascript-Aufrufliste aufgezeichnet und in den Absturzbericht aufgenommen, der an den Von der Website konfigurierten Reporting API-Serverendpunkt gesendet wird.

Weitere Informationen finden Sie unter Berichterstellungs-API bei MDN.

Gleitkommafarbtypen in <canvas>

CanvasRenderingContext2D-, - OffscreenCanvasRenderingContext2Dund ImageData -Objekte unterstützen jetzt zusätzlich zu 8-Bit-Festkommaformaten auch Gleitkommapixelformate.

Diese Änderung ermöglicht Anwendungen mit hoher Genauigkeit, z. B.:

  • Medizinische Visualisierungen.
  • Inhalte mit hohem dynamischem Bereich.
  • Lineare Arbeitsfarbräume.

Weitere Informationen finden Sie unter Gleitkommafarbwerte für Canvas.

Dokumentisolationsrichtlinien

Die Dokumentisolationsrichtlinien ermöglichen es einem Dokument, die ursprungsübergreifende Isolation für sich selbst zu aktivieren, ohne die Antwortheader Cross-Origin-Opener-Policy (COOP) oder Cross-Origin-Embedder-Policy (COEP) verwenden zu müssen, und unabhängig von der ursprungsübergreifenden Isolation status der Seite.

Siehe auch:

Unterstützung des Ed25519-Signaturalgorithmus in der Webkryptografie-API

Die Webkryptografie-API unterstützt jetzt den Ed25519-Signaturalgorithmus.

Weitere Informationen finden Sie unter Secure Curves in WebCrypto.

JavaScript Promise Integration (JSPI) in WebAssembly

JavaScript Promise Integration (JSPI) ist eine API, mit der WebAssembly-Anwendungen in JavaScript Promises integriert werden können.

JSPI ermöglicht es einem WebAssembly-Programm, als Generator einer Zusage zu fungieren, und es ermöglicht dem WebAssembly-Programm, mit Zusage-tragende APIs zu interagieren.

Wenn eine Anwendung JSPI verwendet, um eine Zusage-fähige API (JavaScript) aufzurufen:

  • Der WebAssembly-Code wird angehalten.
  • Der ursprüngliche Aufrufer des WebAssembly-Programms erhält eine Zusage, die erfüllt wird, wenn das WebAssembly-Programm schließlich abgeschlossen wird.

Weitere Informationen finden Sie unter js-promise-integration.

WebAssembly-Branchhinweis

Um die Leistung von kompiliertem WebAssembly-Code zu verbessern, werden Branchhinweise verwendet, um die Engine darüber zu informieren, dass eine bestimmte Branchanweisung sehr wahrscheinlich einen bestimmten Pfad einnimmt.

Dadurch kann die Engine bessere Entscheidungen für das Codelayout und die Registrierung der Zuordnung treffen.

Weitere Informationen finden Sie unter Branchhinweise.

Einschränken der Typen von Attributen und Argumenten, die SVGMatrix, SVGRect und SVGPoint akzeptieren

Das Festlegen von Attributen und Argumenten von SVGMatrix, SVGRect und SVGPoint auf Infinity oder NaN ist jetzt nicht zulässig.

Einstellungsattribute oder Argumente für diese Werte lösen jetzt eine JavaScript-Ausnahme aus.

Weitere Informationen finden Sie unter SVG-API bei MDN.

Auswahl-API getComposedRanges und direction

Die Auswahl-API unterstützt jetzt die folgende Eigenschaft und Methode:

  • Selection.direction gibt die Richtung der Auswahl als none, forwardoder backwardzurück.
  • Selection.getComposedRanges() gibt eine Liste von 0 oder 1 zusammengesetztenStaticRange Objekten zurück.

Eine zusammengesetzte StaticRange kann im Gegensatz zu Range -Objekten Schatten-DOM-Grenzen überschreiten.

Zum Beispiel:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

Wenn die Textauswahl eine Schattenstammgrenze überschreitet, die in der shadowRoots -Eigenschaft nicht angegeben ist, befinden sich die zurückgegebenen Endpunkte StaticRangeaußerhalb dieser Schattenstruktur, um sicherzustellen, dass unbekannte Schattenbäume nicht versehentlich verfügbar gemacht werden.

Weitere Informationen finden Sie unter Auswahl: getComposedRanges()-Methode bei MDN.

WebGPU-API

Binden an externalTextureGPUTextureView

Beim Erstellen eines GPUBindGroup bei Verwendung von WepGPU können Sie jetzt eine Bindung an ein -Objekt erstellen externalTextureGPUTextureView.

Dies ist in Szenarien hilfreich, z. B. bei der Verwendung der WebGPU-API für Videoeffektpipelines. Durch zulassen, dass ein kompatibler GPUTextureView anstelle eines GPUExternalTextureverwendet werden kann, wird die Shaderlogik vereinfacht.

Weitere Informationen finden Sie unter GPUExternalTexture bei MDN.

Kopieren sie ganze Puffer mit copyBufferToBuffer()

Die GPUCommandEncoder.copyBufferToBuffer() -Methode erleichtert das Kopieren ganzer Puffer, indem Sie die offsets Parameter und size weglassen können.

Weitere Informationen finden Sie unter GPUCommandEncoder: copyBufferToBuffer()-Methode bei MDN.

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.

Neue Chromium-Ursprungsversuche

Anhalten der Medienwiedergabe auf nicht gerenderten iFrames

Läuft am 27. Januar 2026 ab.

Die media-playback-while-not-visible Berechtigungsrichtlinie hält alle Medien an, die von iframes wiedergegeben werden, die derzeit nicht auf nicht zulässigen Frames gerendert werden. Dies gilt immer dann, wenn die CSS-Eigenschaft des iframes display auf none oder festgelegt ist, wenn die visibility Eigenschaft auf hidden oder collapsefestgelegt ist.

HTMLMediaElements Derzeit werden - und AudioContexts -Medienelemente unterstützt.

Microsoft Edge-reine Ursprungstests

Web-App-Bereichserweiterungen

Läuft am 31. August 2025 ab

scope_extensions ist ein neues Element des Webanwendungsmanifests, 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": "/"
  }
}
Api zum Abrufen von Informationen

Läuft am 30. Juni 2025 ab.

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

MS High Contrast Deprecation

Läuft am 9. September 2025 ab.

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.

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