Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
Im Folgenden finden Sie die neuen Webplattformfeatures und Updates in Microsoft Edge 146, das am 12. März 2026 veröffentlicht wird.
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.
Detaillierter Inhalt:
- Microsoft Edge DevTools
- WebView2
- CSS-Features
-
Web-APIs
- Bereichsbezogene benutzerdefinierte Elementregister
- LCP entspricht dem spezifizierten Verhalten für die Ausgabe von Kandidaten
- Navigations-API: Fügen Sie einen Post-Commit-Handler aus dem Precommit hinzu
- Selektiver Berechtigungseingriff
- MIME-Typparameter werden in Daten-URLs beibehalten
Intl.Locale.prototype.variants- Iterator-Sequenzierung
- Wiedergabestatistik-API für WebAudio
-
Beibehalten
dropEffectvon Werten ausdragoverTO-Ereignissendrop - Desinfektionsmittel-API
- WebGPU-Kompatibilitätsmodus
-
WebGPU: Textur- und Samplerbindung
let - WebGPU: Vorübergehende Anlagen
-
Auffüllen
targetURLwährend der Dateiverarbeitung -
Erneutes Einreihen in die Warteschlange beim erneuten
LaunchParamsLaden beenden
-
Origin-Testversionen
- Webinstallations-API
- Digitale Anmeldeinformations-API – Ausstellungsunterstützung
- Benutzerdefinierte WebAssembly-Deskriptoren
-
prerender_until_scriptAPI-Aktion für Spekulationsregeln - Erweiterte Canvas TextMetrics
- WebNN
- WebAudio konfigurierbares Rendern Quantum
-
<usermedia>HTML-Element - Lokaler Netzwerkzugriff aus nicht sicheren Kontexten
Microsoft Edge DevTools
Siehe Neuerungen in DevTools (Microsoft Edge 146).
WebView2
Siehe:
CSS-Features
Die folgenden neuen CSS-Features (Cascading Style Sheets) sind in Microsoft Edge enthalten.
Durch Bildlauf ausgelöste Animationen
Mit durch Scrollen ausgelösten Animationen können Sie Animationen basierend auf der Bildlaufposition steuern. Sie können eine Animation abspielen, anhalten oder zurücksetzen, wenn eine bestimmte Bildlaufposition erreicht ist.
Mit dieser Funktion entfällt die Notwendigkeit, JavaScript zu verwenden, um manuell zu erkennen, wann ein Element sichtbar ist, und dann Animationen auszulösen. Stattdessen können Sie scrollbasierte Animationen deklarativ in CSS definieren, wodurch der Browser die Leistung optimieren kann, indem die Animationen in einem Arbeitsthread ausgeführt werden.
Siehe auch:
- Zeitachsentrigger in CSS-Animationsmodulebene 2.
hanging und each-line Keywords für text-indent
Die text-indent Eigenschaft unterstützt jetzt zwei optionale Schlüsselwörter:
-
hanging: Zieht alle Zeilen außer der ersten Zeile ein. -
each-line: Wendet den Einzug auf jede Zeile an, die sich nach einem erzwungenen Zeilenumbruch befindet, anstatt nur die erste Zeile einzuziehen.
Mithilfe dieser Schlüsselwörter können Sie besser steuern, wie der Texteinzug in verschiedenen Szenarien angewendet wird.
Siehe auch:
- text-indent at MDN.
trigger-scope
Mit der trigger-scope Eigenschaft können Sie den Bereich der Animationstriggernamen steuern, ähnlich wie die Ankerbereichsdefinition mit der anchor-scope Eigenschaft funktioniert.
Triggernamen, die von Eigenschaften deklariert werden, wie timeline-trigger z. B. sind standardmäßig global, was zu Namenskonflikten führen kann. Wird trigger-scope verwendet, um die Sichtbarkeit von Triggernamen auf einen bestimmten Bereich zu beschränken und das Auslösen unbeabsichtigter Animationen zu verhindern.
meta name="text-scale" -Element
Das <meta name="text-scale" content="scale"> Meta-Element lässt die Standardschriftgröße Ihrer Seite mit dem Betriebssystem des Benutzers und den Textskalierungseinstellungen des Browsers skalieren.
Dies ist nützlich, wenn Ihre Seite schriftartrelative Einheiten verwendet, z. B rem . oder em. Dieses <meta> Element teilt dem Browser mit, dass Ihre Seite so gestaltet ist, dass sie mit unterschiedlichen Textgrößeneinstellungen gut skaliert werden kann, sodass der Browser seine eigenen automatischen Textgrößenmechanismen deaktivieren kann.
Web-APIs
Die folgenden neuen Web-API-Features sind in Microsoft Edge enthalten.
Bereichsbezogene benutzerdefinierte Elementregister
Sie können jetzt mithilfe des CustomElementRegistry() Konstruktors benutzerdefinierte Elementregistrierungen erstellen, die von der globalen window.customElements Registrierung getrennt sind.
Das Erstellen benutzerdefinierter Register ist nützlich, um die Koexistenz mehrerer benutzerdefinierter Elemente mit demselben Tagnamen zuzulassen.
Wenn Sie beispielsweise zwei verschiedene Versionen einer Bibliothek haben, die beide ein <my-button> benutzerdefiniertes Element definieren, können Sie separate Register für jede Version der Bibliothek erstellen, um Namenskonflikte zu vermeiden.
Siehe auch:
LCP entspricht dem spezifizierten Verhalten für die Ausgabe von Kandidaten
Der LCP-Algorithmus (Largest Contentful Paint) gibt jetzt Kandidaten basierend auf gemalten Inhalten aus. Dadurch wird der Algorithmus an das neueste Verhalten gemäß der Spezifikation angepasst.
Zuvor konnte LCP ausstehende, aber noch nicht gemalte Bilder als Kandidaten in Betracht ziehen. Mit diesem Update spiegelt die Kandidatenemission genauer wider, was die Benutzer tatsächlich gesehen haben.
Siehe auch:
- LargestContentfulPaint bei MDN.
Navigations-API: Fügen Sie einen Post-Commit-Handler aus dem Precommit hinzu
Bei der Behandlung eines navigate Ereignisses können Sie jetzt Arbeit nach dem Commit registrieren, während Sie die Precommit-Logik ausführen.
Dies verbessert die Ergonomie für Navigationsabläufe mit demselben Dokument, bei denen die Einrichtung vor dem Commit erfolgen muss, aber zusätzliche Arbeit nach dem Commit ausgeführt werden sollte.
Siehe auch:
- Navigations-API bei MDN.
Selektiver Berechtigungseingriff
Durch den Eingriff in selektive Berechtigungen wird sichergestellt, dass vertrauliche Berechtigungen in einer Weise verwendet werden, die der Benutzerabsicht entspricht.
Diese Änderung schränkt die Verwendung von Berechtigungen durch opportunistische Drittanbieterkontexte ein und verringert die Wahrscheinlichkeit eines unbeabsichtigten Zugriffs auf Funktionen wie Kamera, Mikrofon, Geolokalisierung oder Bluetooth.
Siehe auch:
- Berechtigungs-API bei MDN.
MIME-Typparameter werden in Daten-URLs beibehalten
Wenn Sie Daten-URLs verwenden, werden MIME-Typparameter (z. B charset . or boundary) jetzt im Content-Type Header beibehalten.
Durch diese Änderung wird die Handhabung von Daten-URLs an der Spezifikation der Fetch-API ausgerichtet und sichergestellt, dass Parameterinformationen in Daten-URLs während der Verarbeitung nicht verloren gehen.
Siehe auch:
- data: URLs at MDN.
Intl.Locale.prototype.variants
Die Intl.Locale.prototype.variants Eigenschaft gibt die einem Gebietsschema zugeordneten Varianten als Zeichenfolge von durch Bindestriche getrennten Bezeichnern zurück.
Sie können jetzt auch das options-Objekt übergeben"variants", wenn Sie eine .Intl.Locale
Siehe auch:
- Intl.Locale.prototype.variants bei MDN.
Iterator-Sequenzierung
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 liefert der Reihe nach Werte aus jedem Iterablen.
Siehe auch:
- Iterator.concat() bei MDN.
Wiedergabestatistik-API für WebAudio
Die AudioContext.playbackStats Eigenschaft bietet Statistiken über Ihre Web-Audiowiedergabe, z. B.:
- Durchschnittliche Latenz.
- Minimale/maximale Latenz.
- Unterschreitungsdauer.
- Underrun count.
Verwenden Sie diese API, um die Audioqualität zu überwachen und Störungen in der Audiowiedergabe zu erkennen.
Dieses Feature wurde zuvor als AudioContext.playoutStats. Das Feature wurde umbenannt AudioContext.playbackStats, um es an die endgültige Webaudio-API-Spezifikation anzupassen. Der alte Name ist aus Gründen der Abwärtskompatibilität weiterhin als veralteter Alias verfügbar.
Siehe auch:
- Web Audio API at MDN.
Beibehalten dropEffect von Werten aus dragover TO-Ereignissen drop
Bei Verwendung der Drag & Drop-API wird der dropEffect in einem dragover Ereignis festgelegte Wert jetzt beibehalten und ist im nachfolgenden drop Ereignis verfügbar.
Zuvor hat der Browser den dropEffect Wert mit seinem eigenen ausgehandelten Vorgang überschrieben, wodurch Sie das visuelle Feedback und den endgültigen Vorgang, der ausgeführt wird, nicht steuern konnten.
Siehe auch:
- HTML Drag and Drop API at MDN.
- DataTransfer: dropEffect-Eigenschaft bei MDN.
Desinfektionsmittel-API
Die Desinfektions-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) beim Anzeigen von benutzergenerierten Inhalten zu verringern.
Siehe auch:
- HTML Sanitizer API at MDN.
WebGPU-Kompatibilitätsmodus
Der WebGPU-Kompatibilitätsmodus fügt eine optionale, leicht eingeschränkte Teilmenge der WebGPU-API hinzu, die in der Lage ist, ältere Grafik-APIs wie OpenGL und Direct3D11 auszuführen.
Wenn Sie sich für diesen Modus entscheiden und seine Einschränkungen befolgen, 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 Core-WebGPU erfordert.
Für eine einfache App muss die
featureLevelOption lediglich auf beim AufrufrequestAdapter()von"compatibility".Für eine erweiterte App sind möglicherweise einige Änderungen erforderlich, um den Einschränkungen des Kompatibilitätsmodus gerecht zu werden. 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 API, at MDN.
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:
- Flexiblere Shadercode-organization.
- Wiederverwenden von Textur- und Samplerbindungen.
WebGPU: Vorübergehende Anlagen
Verwenden Sie das neue TRANSIENT_ATTACHMENT GPU-Texturverwendungsflag, um Renderpassanlagen zu erstellen, die im Kachelspeicher verbleiben können. Dadurch wird VRAM-Datenverkehr und möglicherweise die VRAM-Zuweisung für die Texturen vermieden.
Wenn eine Textur als vorübergehend (oder "speicherlos") deklariert ist, weiß die GPU, dass der Inhalt dieser Textur nur vorübergehend innerhalb des aktuellen Renderdurchlaufs benötigt wird.
Da der Texturinhalt nach dem Renderdurchgang verworfen wird, muss der Treiber möglicherweise keinen Speicherplatz 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 Durchgängen wiederzuverwenden und so die Spitzenspeicherauslastung zu reduzieren.
Siehe auch:
- WebGPU API at MDN.
Auffüllen targetURL während der Dateiverarbeitung
Wenn eine Progressive Web App (PWA) über die Dateibehandlung gestartet wird, wird die LaunchParams.targetURL Eigenschaft jetzt ordnungsgemäß in der Startwarteschlange aufgefüllt.
Zuvor war diese Eigenschaft vorhanden null , wenn ein Dateistart an ein vorhandenes Fenster gerichtet wurde.
Jetzt ist die URL aus Ihrem Manifestfeld action für den launchQueue Consumer verfügbar. Dies bietet Konsistenz mit anderen Starttriggern, z. B. dem Starten von Verknüpfungen und dem Erfassen von Navigationselementen.
Auf diese Weise können Sie die Absicht des Starts besser verstehen und bestimmte Routinglogik selbst dann handhaben, wenn die primäre Nutzlast eine Reihe von Dateihandles ist.
Siehe auch:
- Web-App Handler-API bei MDN starten.
Erneutes Einreihen in die Warteschlange beim erneuten LaunchParams Laden beenden
Das launchQueue sendet nicht mehr die Letzten LaunchParams (einschließlich Dateihandles) erneut, wenn ein Benutzer die Seite in einer 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 geführt hat.
Beispielsweise kann eine App Benutzer bei jedem Aktualisieren der Seite mit "Änderungen speichern?" oder "Diese Datei überschreiben?" auffordern.
Diese Änderung stellt sicher, dass ein erneutes Laden als Standardnavigation und nicht als Neustart behandelt wird und launchQueue nur aufgefüllt wird, wenn ein neues Dateistartereignis tatsächlich eintritt.
Siehe auch:
- Web-App Handler-API bei MDN starten.
Origin-Testversionen
Im Folgenden finden Sie Ursprungsversuche für neue experimentelle APIs, die in Microsoft Edge verfügbar sind.
Mit Origin-Testversionen können Sie für einen begrenzten Zeitraum experimentelle APIs auf Ihrer eigenen Livewebsite ausprobieren. Weitere Informationen zu Ursprungsversuchen finden Sie unter Verwenden von Ursprungsversuchen in Microsoft Edge.
Eine vollständige Liste der verfügbaren Origin-Testversionen 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 zu installieren, indem sie navigator.install()verwendet wird.
Digitale Anmeldeinformations-API – Ausstellungsunterstützung
Läuft am 14. Juli 2026 ab.
Die Digital Credentials-API ermöglicht das Auslösen der Ausgabe von Benutzeranmeldeinformationen von einem Server zur Zuweisung von Anmeldeinformationen an eine digitale Wallet-Anwendung. Diese API kann beispielsweise verwendet werden, um die Bereitstellung eines neuen Führerscheins oder eines verifizierten akademischen Abschlusses von einem Regierungs- 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.
prerender_until_script API-Aktion für Spekulationsregeln
Läuft am 8. September 2026 ab.
prerender_until_script ist eine neue Aktion für die Spekulationsregel-API. Diese neue Aktion bietet eine mittlere Option zwischen den prefetch und den prerender Aktionen.
Verwenden Sie die prerender_until_script Aktion, wenn der Browser eine Seite vorab rendern soll, aber beenden und zurück zum Prefetching wechseln soll, nachdem ein bestimmtes Skript ausgeführt wird.
Erweiterte Canvas TextMetrics
Läuft am 11. August 2026 ab.
Die Testversion des erweiterten Canvas-TextMetrics-Ursprungs erweitert die TextMetrics Canvas-API um Folgendes:
- Auswahlrechtecke.
- Abfragen für Begrenzungsrahmen.
- Vorgänge basierend auf einem Glyphencluster.
Diese neue Funktionalität ermöglicht komplexen Textbearbeitungsanwendungen eine genaue Auswahl, Caretpositionierung und Treffertests. Außerdem ermöglicht das clusterbasierte Rendering ausgefeilte Texteffekte, wie z. B.:
- Unabhängige Charakteranimationen.
- Unabhängiges Charakterstyling.
Informationen zu dieser Ursprungsstudie:
WebNN
Läuft am 14. Juli 2026 ab.
Mit der WebNN-Ursprungstestversion können Sie mit einer Abstraktionsschicht über den von der Plattform bereitgestellten ML-Beschleunigungsfunktionen experimentieren.
WebNN hilft Ihnen zu verstehen:
- Wie gut reale Modelle den von WebNN unterstützten Operationen zugeordnet sind.
- Wie gut WebNN diese Vorgänge auf verschiedene Hardware abbilden kann.
Informationen zu dieser Ursprungsstudie:
WebAudio konfigurierbares Rendern Quantum
Läuft am 8. September 2026 ab.
Mit der WebAudio Configurable Render Quantum Origin Testversion können Sie beim Erstellen eines AudioContext oder OfflineAudioContexteine renderSizeHint Option angeben, um eine bestimmte Render-Quantengröße anzufordern.
<usermedia> HTML-Element
Läuft am 14. Juli 2026 ab.
Das <usermedia> HTML-Element ist ein browsergesteuertes Element zum Anfordern des Kamera- oder Mikrofonzugriffs.
Verwendung eines semantischen HTML-Elements anstelle von JavaScript:
- Bietet Benutzern mehr Klarheit über die Berechtigungsanfrage.
- Verbessert die Barrierefreiheit.
- Verhindert manipulative UI-Muster.
- Optimiert den Workflow, indem der Mediendatenstrom direkt für Ihre Anwendung bereitgestellt wird. Dadurch entfallen separate API-Aufrufe.
Informationen zu dieser Ursprungsstudie:
Lokaler Netzwerkzugriff aus nicht sicheren Kontexten
Läuft am 19. Mai 2026 ab.
Der lokale Netzwerkzugriff aus nicht sicheren Kontexten ermöglicht vorübergehend den Zugriff auf Ressourcen in lokalen Netzwerken, die aus nicht sicheren Kontexten stammen. So haben Sie mehr Zeit für die Migration lokaler Netzwerkzugriffsanforderungen, damit diese aus einem sicheren Kontext stammen.
Informationen zu 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 von Chromium.org erstellten und freigegebenen Werken basieren und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Begriffen verwendet werden.