Freigeben über

Versionshinweise zur Microsoft Edge 146-Webplattform (März 2026)

Im Folgenden finden Sie die neuen Webplattformfeatures und -updates in Microsoft Edge 146, die am 12. März 2026 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 Microsoft Edge DevTools.

WebView2

Weitere Informationen finden Sie unter Versionshinweise für das WebView2 SDK.

CSS-Features

Die folgenden neuen CSS-Features (Cascading StyleSheets) sind in Microsoft Edge enthalten.

CSS-Update: Entkopplung der Eigenschaften Breite und Formatvorlage

Das Verhalten der border-widthEigenschaften , outline-widthund column-rule-width wurde aktualisiert, um den neuesten CSS-Spezifikationen zu entsprechen.

Wenn zuvor die entsprechende border-styleEigenschaft , outline-styleoder column-rule-style auf none oder hiddenfestgelegt wurde, wurde die berechnete Breite auf erzwungen 0px, unabhängig vom angegebenen Wert.

Nun spiegeln die berechneten Werte von border-width, outline-widthund column-rule-width immer die angegebenen Werte wider, unabhängig von der entsprechenden *-style Eigenschaft. Die aufgelösten Werte, die von getComputedStyle() für outline-width zurückgegeben werden, und column-rule-width geben auch die von Ihnen angegebenen Werte wieder.

Siehe auch:

Durch Bildlauf ausgelöste Animationen

Mit durch den Bildlauf ausgelösten Animationen können Sie Animationen basierend auf der Bildlaufposition steuern. Sie können eine Animation wiedergeben, anhalten oder zurücksetzen, wenn eine bestimmte Bildlaufposition erreicht ist.

Durch dieses Feature ist es nicht mehr erforderlich, JavaScript zu verwenden, um manuell zu erkennen, wann sich ein Element in der Ansicht befindet, und dann Animationen auszulösen. Stattdessen können Sie bildlaufbasierte Animationen deklarativ in CSS definieren, sodass der Browser die Leistung durch Ausführen der Animationen in einem Arbeitsthread optimieren kann.

Siehe auch:

hanging und each-line Schlüsselwörter für text-indent

Die text-indent -Eigenschaft unterstützt jetzt zwei optionale Schlüsselwörter:

  • hanging: Zieht alle Zeilen mit Ausnahme der ersten Zeile ein.
  • each-line: Wendet einen Einzug auf jede Zeile an, die sich nach einem erzwungenen Zeilenumbruch befindet, anstatt nur die erste Zeile einzurücken.

Diese Schlüsselwörter geben Ihnen mehr Kontrolle darüber, wie der Texteinzug in verschiedenen Szenarien angewendet wird.

Siehe auch:

Benannter Zeitachsenbereich "scroll"

In bildlaufgesteuerten Animationen unterstützen Ansichtszeitachsen jetzt einen "scroll" benannten Bereich zusätzlich zu den vorhandenen benannten Bereichen ("entry", "exit", "cover", "contain").

Der neue "scroll" Bereich bezieht sich auf den vollständigen Umfang des Bildlaufcontainers und nicht nur auf den Teil des Bildlaufcontainers, in dem das Animationsthema sichtbar ist. Dadurch haben Sie mehr Kontrolle darüber, wann Animationen innerhalb des bildlauffähigen Bereichs gestartet und beendet werden.

Siehe auch:

trigger-scope

Mit trigger-scope der -Eigenschaft können Sie den Bereich der Animationstriggernamen steuern, ähnlich wie die Ankerbereichsdefinition mit der anchor-scope -Eigenschaft funktioniert.

Triggernamen, die von Eigenschaften wie timeline-trigger deklariert werden, sind standardmäßig global, was zu Benennungskonflikten führen kann. Verwenden Sie trigger-scope , um die Sichtbarkeit von Triggernamen auf einen bestimmten Bereich zu beschränken, um zu verhindern, dass unbeabsichtigte Animationen ausgelöst werden.

meta name="text-scale" Element

Mit dem <meta name="text-scale" content="scale"> Meta-Element wird der Standardschriftgrad Ihrer Seite mit den Einstellungen für das Betriebssystem des Benutzers und die Browsertextskalierung skaliert.

Dies ist nützlich, wenn ihre Seite schriftartrelative Einheiten verwendet, z rem . B. oder em. Dieses <meta> Element teilt dem Browser mit, dass Ihre Seite für eine gute Skalierung mit unterschiedlichen Textgrößeneinstellungen erstellt wurde, sodass der Browser seine eigenen Mechanismen für die automatische Textgröße deaktivieren kann.

Web-APIs

Die folgenden neuen Web-API-Features sind in Microsoft Edge enthalten.

MIME-Typparameter werden in Daten-URLs beibehalten.

Wenn Sie Daten-URLs verwenden, werden MIME-Typparameter (z charset . B. oder boundary) jetzt im Content-Type Header beibehalten.

Diese Änderung richtet die Daten-URL-Verarbeitung an der Spezifikation der Fetch-API aus und stellt sicher, dass Parameterinformationen in Daten-URLs während der Verarbeitung nicht verloren gehen.

Siehe auch:

Intl.Locale.prototype.variants

Die Intl.Locale.prototype.variants -Eigenschaft gibt die einem Gebietsschema zugeordneten Varianten als Zeichenfolge von bindestrichtrennten Bezeichnern zurück.

Sie können jetzt auch das Optionsobjekt übergeben "variants" , wenn Sie eine Intl.Localeerstellen.

Siehe auch:

Iteratorsequenzierung

Die Iterator.concat() -Methode erstellt einen neuen Iterator, indem mehrere Iteratoren nacheinander kombiniert werden.

Sie können eine beliebige Anzahl von Iterablen an Iterator.concat()übergeben, und der resultierende Iterator ergibt Werte aus den einzelnen Iterablen in der richtigen Reihenfolge.

Siehe auch:

Sie können jetzt verwenden <link rel="modulepreload"> , um JSON- und CSS-Module zusätzlich zu JavaScript-Modulen vorab zu laden.

Geben Sie den Modultyp mithilfe des -Attributs an as :

  • <link rel="modulepreload" as="style" href="..."> für CSS-Module.

  • <link rel="modulepreload" as="json" href="..."> für JSON-Module.

Dadurch wird die Featureparität für verschiedene Modultypen für das Vorabladen ermöglicht.

Siehe auch:

Wiedergabestatistik-API für WebAudio

Die AudioContext.playbackStats -Eigenschaft stellt Statistiken zur Webaudiowiedergabe bereit, z. B.:

  • Durchschnittliche Latenz.
  • Minimale/maximale Latenz.
  • Unterlaufdauer.
  • Unterlaufanzahl.

Verwenden Sie diese API, um die Audioqualität zu überwachen und Störungen bei der Audiowiedergabe zu erkennen.

Dieses Feature wurde zuvor als bezeichnet AudioContext.playoutStats. Das Feature wurde in AudioContext.playbackStatsumbenannt, um der endgültigen Webaudio-API-Spezifikation zu entsprechen. Der alte Name ist aus Gründen der Abwärtskompatibilität weiterhin als veralteter Alias verfügbar.

Siehe auch:

Beibehalten von dropEffect Werten von bis dragover Ereignissen drop

Bei Verwendung der Drag and Drop-API wird der wert, der dropEffect in einem dragover Ereignis festgelegt wird, jetzt beibehalten und im nachfolgenden drop Ereignis verfügbar.

Bisher hat der Browser den dropEffect Wert mit einem eigenen ausgehandelten Vorgang überschrieben, wodurch Sie das visuelle Feedback und den letzten ausgeführten Vorgang nicht steuern können.

Siehe auch:

Bereinigungs-API

Die Sanitizer-API bietet eine einfache und sichere Möglichkeit, unsichere HTML-Inhalte aus vom Benutzer bereitgestellten HTML-Zeichenfolgen zu entfernen.

Verwenden Sie diese API, um HTML-Eingaben zu bereinigen und das Risiko von XSS-Angriffen (Cross-Site Scripting) bei der Anzeige von benutzergenerierten Inhalten zu verringern.

Siehe auch:

pathAttribut für das SVG-Element <textPath>

Das <textPath> SVG-Element unterstützt jetzt ein path -Attribut, mit dem Sie textpfadgeometrie inline mithilfe von SVG-Pfaddaten definieren können.

Anstatt immer mithilfe des href -Attributs auf ein separates <path> Element verweisen zu müssen, können Sie die Pfaddaten jetzt direkt in das Attribut des <textPath>path Elements einschließen.

Wenn sowohl als href auch path angegeben sind, hat das path Attribut Vorrang.

Siehe auch:

Akzentfarbe des Web-App-Bereichs

Die accent-color: auto CSS-Eigenschaft ist jetzt so festgelegt, dass sie nur in installierten Web-Apps funktioniert. Dies entspricht den vorhandenen AccentColorAccentColorText Und CSS-Systemfarbschlüsselwörtern.

Wenn zuvor auf autofestgelegt wurde, accent-color übernahmen Formularsteuerelemente die Systemakzentfarbe in allen Kontexten (sowohl Webseiten als auch installierte Web-Apps). Diese Änderung stellt sicher, dass Systemakzentfarben nur in installierten Web-App-Kontexten verfügbar sind. Dies bietet konsistentere Erwartungen von Entwicklern und Benutzern, während die Einschränkungen beim Fingerabdruck eingehalten werden.

Siehe auch:

Grenzwerte für die Gerätespeicher-API

Die Gerätespeicher-API meldet jetzt aktualisierte Werte, die moderne Gerätefunktionen besser widerspiegeln:

  • Android-Geräte: 1, 2, 4 oder 8 GB

  • Andere Plattformen: 2, 4, 8, 16 oder 32 GB

Diese neuen Werte ersetzen die veralteten Werte (0,25, 0,5, 1, 2, 4, 8 GB). Dies reduziert das Risiko für Fingerabdrücke und bietet eine bessere Segmentierung für High-End-Geräte.

Siehe auch:

WebGPU-Kompatibilitätsmodus

Der WebGPU-Kompatibilitätsmodus fügt eine aktivierte, leicht eingeschränkte Teilmenge der WebGPU-API hinzu, die ältere Grafik-APIs wie OpenGL und Direct3D11 ausführen kann.

Wenn Sie sich für diesen Modus entscheiden und den Einschränkungen folgen, können Sie die Reichweite Ihrer WebGPU-Anwendung auf viele ältere Geräte erweitern, die nicht über die modernen, expliziten Grafik-APIs verfügen, die für die Kern-WebGPU erforderlich sind.

  • Für eine einfache App besteht die einzige erforderliche Änderung darin, die featureLevel Option beim Aufrufen requestAdapter()von auf "compatibility" festzulegen.

  • Für eine erweiterte App sind möglicherweise einige Änderungen erforderlich, um die Einschränkungen des Kompatibilitätsmodus zu berücksichtigen. Da der Kompatibilitätsmodus jedoch eine Teilmenge der WebGPU-API verwendet, funktioniert Ihre App auch in Browsern, die den Kompatibilitätsmodus nicht unterstützen.

Siehe auch:

WebGPU: Textur- und Samplerbindung let

In WGSL kann eine let Deklaration jetzt dank der texture_and_sampler_let Sprachfunktion ein Objekt vom Typ Textur oder Sampler speichern.

Dadurch wird Folgendes ermöglicht:

  • Flexiblerer Shadercode organization.
  • Wiederverwenden von Textur- und Samplerbindungen.

WebGPU: Vorübergehende Anlagen

Verwenden Sie das neue TRANSIENT_ATTACHMENT GPU-Texturnutzungsflag, um Renderpassanlagen zu erstellen, die im Kachelspeicher verbleiben können. Dadurch wird VRAM-Datenverkehr vermieden und möglicherweise die VRAM-Zuordnung für die Texturen vermieden.

Wenn eine Textur als vorübergehend (oder "speicherlos") deklariert wird, weiß die GPU, dass der Inhalt dieser Textur nur vorübergehend innerhalb des aktuellen Renderdurchlaufs benötigt wird.

Da die Texturinhalte nach dem Renderdurchlauf verworfen werden, muss der Treiber möglicherweise keinen Platz für diese Textur im Haupt-VRAM zuweisen. Auch ohne Hardwareunterstützung für vorübergehende Anlagen kann dieser Hinweis verwendet werden, um Texturzuordnungen zwischen Durchläufen wiederzuverwenden, wodurch die Arbeitsspeicherauslastung reduziert wird.

Siehe auch:

Immer Datenkanäle in WebRTC aushandeln

Mit der neuen alwaysNegotiateDataChannels Option für RTCPeerConnection können Sie Datenkanäle im SDP-Angebot aushandeln, bevor Sie einen Datenkanal erstellen. Die m-Linie des Datenkanals wird vor allen Audio- oder Video-M-Leitungen platziert.

Verwenden Sie diese Option beim Erstellen einer Peerverbindung, um sicherzustellen, dass Datenkanäle immer ausgehandelt werden:

const pc = new RTCPeerConnection({
  alwaysNegotiateDataChannels: true
});
const offer = await pc.createOffer();

Siehe auch:

Auffüllen targetURL während der Dateiverarbeitung

Wenn eine progressive Web-App (PWA) über die Dateiverarbeitung gestartet wird, wird die LaunchParams.targetURL -Eigenschaft jetzt ordnungsgemäß in der Startwarteschlange aufgefüllt.

Zuvor war null diese Eigenschaft, wenn ein Dateistart an ein vorhandenes Fenster weitergeleitet wurde.

Jetzt ist die URL aus Ihrem Manifestfeld action für den launchQueue Consumer verfügbar. Dies sorgt für Konsistenz mit anderen Starttriggern, z. B. Verknüpfungsstarts und Navigationserfassung.

Auf diese Weise können Sie die Absicht des Starts besser verstehen und bestimmte Routinglogik behandeln, auch wenn die primäre Nutzlast eine Gruppe von Dateihandles ist.

Siehe auch:

Beenden der erneuten Warteschlange beim erneuten LaunchParams Laden

Der launchQueue sendet die letzten LaunchParams (einschließlich Dateihandles) nicht mehr erneut, wenn ein Benutzer die Seite in einem PWA neu lädt.

Zuvor hat eine Seitenaktualisierung den Startconsumer erneut mit Daten aus dem ursprünglichen Start ausgelöst, was häufig zu unerwartetem Verhalten führte.

Beispielsweise kann eine App Benutzer bei jeder Aktualisierung der Seite mit "Änderungen speichern?" oder "Diese Datei überschreiben?" auffordern.

Durch diese Änderung wird sichergestellt, dass ein Erneutes Laden als Standardnavigation und nicht als Neustart behandelt wird und nur launchQueue dann aufgefüllt wird, wenn tatsächlich ein neues Dateistartereignis auftritt.

Siehe auch:

Ursprungstests

Im Folgenden finden Sie Ursprungstests für neue experimentelle APIs, die in Microsoft Edge verfügbar sind.

Mit Origin-Testversionen können Sie experimentelle APIs auf Ihrer eigenen Livewebsite für einen begrenzten Zeitraum ausprobieren. Weitere Informationen zu Ursprungstests finden Sie unter Verwenden von Ursprungstests in Microsoft Edge.

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

Webinstallations-API

Läuft am 14. Juli 2026 ab.

Die Webinstallations-API ermöglicht es einer Website, andere Websites als Web-Apps auf dem Gerät des Benutzers mithilfe von navigator.install()zu installieren.

API für digitale Anmeldeinformationen – Unterstützung für die Ausstellung

Läuft am 14. Juli 2026 ab.

Die digitale Anmeldeinformations-API ermöglicht das Auslösen der Ausstellung von Benutzeranmeldeinformationen von einem Server für den Anmeldeinformationsaussteller in einer digitalen Wallet-Anwendung. Diese API kann beispielsweise verwendet werden, um die Bereitstellung eines neuen Führerscheins oder eines verifizierten akademischen Abschlusses von einem Behörden- oder Universitätsserver in der digitalen Brieftasche eines Benutzers auszulösen.

Benutzerdefinierte WebAssembly-Deskriptoren

Läuft am 16. Juni 2026 ab.

Mit benutzerdefinierten WebAssembly-Deskriptoren kann WebAssembly Daten, die Typen auf Quellebene zugeordnet sind, effizienter in neuen benutzerdefinierten Deskriptorobjekten speichern.

PrerenderUntilScript

Läuft am 8. September 2026 ab.

Die PrerenderUntilScript-Ursprungsstudie führt prerender_until_scriptein, eine neue Aktion für die Spekulationsregeln-API, die einen Mittelweg zwischen prefetch und prerenderbereitstellt.

Verwenden Sie diese Aktion, wenn der Browser eine Seite vorab rendern soll, aber beenden und zurück zum Vorabruf wechseln, nachdem ein bestimmtes Skript ausgeführt wird.

Erweiterte Canvas-TextMetriken

Läuft am 11. August 2026 ab.

Die Testversion des erweiterten Canvas-TextMetrics-Ursprungs erweitert die TextMetrics Canvas-API, um Folgendes zu unterstützen:

  • Auswahlrechtecke.
  • Begrenzungsrahmenabfragen.
  • Vorgänge, die auf einem Glyphencluster basieren.

Diese neue Funktionalität ermöglicht komplexen Textbearbeitungsanwendungen eine genaue Auswahl, Caretpositionierung und Treffertests. Darüber hinaus ermöglicht das clusterbasierte Rendering anspruchsvolle Texteffekte, z. B.:

WebNN

Läuft am 14. Juli 2026 ab.

Mit der WebNN-Ursprungstestung können Sie mit einer Abstraktionsebene über den von der Plattform bereitgestellten ML-Beschleunigungsfunktionen experimentieren.

WebNN hilft Ihnen, Folgendes zu verstehen:

  • Gibt an, wie gut reale Modelle den vorgängen zugeordnet werden, die von WebNN unterstützt werden.

  • Wie gut WebNN diese Vorgänge verschiedenen Hardware zuordnen kann.

  • Explainer

  • Feedback

  • Registrieren

WebAudio Konfigurierbares Render quantum

Läuft am 8. September 2026 ab.

Mit der WebAudio Konfigurierbare Render Quantum-Ursprungsstudie können Sie beim Erstellen eines oder OfflineAudioContexteine AudioContextrenderSizeHint Option angeben, um eine bestimmte Render quantum-Größe anzufordern.

UserMediaElement

Läuft am 14. Juli 2026 ab.

Mit der UserMediaElement-Ursprungstestung wird das <usermedia> HTML-Element eingeführt.

Das <usermedia> HTML-Element ist ein browsergesteuertes Element zum Anfordern des Kamera- oder Mikrofonzugriffs.

Verwenden eines semantischen HTML-Elements anstelle von JavaScript:

  • Bietet Benutzern mehr Klarheit über die Berechtigungsanforderung.

  • Verbessert die Barrierefreiheit.

  • Verhindert manipulative Ui-Muster.

  • Optimiert den Workflow, indem der Medienstream direkt für Ihre Anwendung bereitgestellt wird. Dadurch entfällt die Notwendigkeit separater API-Aufrufe.

  • Explainer

  • Feedback

  • Registrieren

Zugriff auf lokale Netzwerke aus nicht sicheren Kontexten

Läuft am 19. Mai 2026 ab.

Der Zugriff auf lokale Netzwerke aus nicht sicheren Kontexten ermöglicht vorübergehend den Zugriff auf Ressourcen in lokalen Netzwerken, die aus nicht sicheren Kontexten stammen. Dadurch haben Sie mehr Zeit, lokale Netzwerkzugriffsanforderungen zu migrieren, sodass sie aus einem sicheren Kontext stammen.

Einschränkungen für den Lokalen Netzwerkzugriff finden Sie unter Neue Berechtigungsaufforderung für den Lokalen Netzwerkzugriff. Diese Ursprungstestversion kann nur über vom HTTP-Header bereitgestellte Ursprungstoken aktiviert werden.

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