Versionshinweise zur Webplattform Microsoft Edge 158 (19. November 2026)

Im Folgenden finden Sie die neuen Webplattformfeatures und -updates in Microsoft Edge 158, das am 19. November 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

Neuigkeiten in den Microsoft Edge-DevTools anzeigen.

WebView2

Siehe:

CSS-Features

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

flow-start flow-end und Ausrichtungsschlüsselwörter

Die flow-start Schlüsselwörter and flow-end werden jetzt von CSS-Ausrichtungseigenschaften als Aliase der vorhandenen flex-start und-Schlüsselwörter flex-end akzeptiert.

Diese Schlüsselwörter beziehen sich auf die Kanten eines Containers, an denen die Platzierung von Inhalten beginnt und endet. Dies ist nützlich, wenn die Platzierung umgekehrt ist, z. B. in CSS-Rasterspuren-Layouts, die fill-reverse oder track-reverseverwenden. Weil die Schlüsselwörter Aliase sind und flex-end jetzt in jedem Layoutmodus, in dem sich diese von den physischen Richtungen unterscheiden, flex-start der logischen Start- und Endrichtung folgen, und nicht nur in Flexbox.

Siehe auch:

::highlight(*) Universal-Selektor

Der ::highlight(*) CSS-Pseudoelementselektor ordnet die Hervorhebungspseudoelemente aller benutzerdefinierten Hervorhebungen zu, unabhängig von ihren Namen.

Das * Argument fügt Nullspezifität hinzu. Dies bedeutet, dass Formatvorlagen, die Sie deklarieren ::highlight(*) , als Basisformatvorlage fungieren, wobei Regeln, die durch den Namen einer bestimmten Hervorhebung außer Kraft gesetzt werden können, außer Kraft gesetzt werden können.

Zum Beispiel, um alle benutzerdefinierten Highlights mit einem gelben Hintergrund zu formatieren und dann die Art einer Hervorhebung mit dem Namen errorzu überschreiben:

::highlight(*) {
  background-color: yellow;
}

::highlight(error) {
  background-color: pink;
}

Siehe auch:

Pseudoklassen für Medienelemente

Die folgenden CSS-Pseudoklassen stimmen mit and-Elementen basierend auf ihrem Zustand überein <audio><video> :

  • :playing
  • :paused
  • :seeking
  • :buffering
  • :stalled
  • :muted
  • :volume-locked

Verwenden Sie die obigen CSS-Pseudoklassen, um Medienelemente oder die sie umgebende Benutzeroberfläche zu gestalten, ohne JavaScript zum Nachverfolgen des Zustands zu benötigen. So dimmen Sie beispielsweise ein Video während der Pufferung:

video:buffering {
  opacity: 0.5;
}

Siehe auch:

closest-corner und farthest-corner Radien für circle() und ellipse()

ellipse() Die circle() CSS-Grundformfunktionen akzeptieren jetzt zusätzlich zu den vorhandenen closest-side Schlüsselwörtern und farthest-side and die closest-cornerfarthest-corner Schlüsselwörter "und".

  • Das closest-corner Schlüsselwort (Keyword) radius wird in den Abstand von der Mitte des Shapes bis zur nächsten Ecke des Bezugsfelds aufgelöst.
  • Das farthest-corner Schlüsselwort (keyword) radius wird in den Abstand von der Mitte des Shapes bis zur äußersten Ecke des Referenzfelds aufgelöst.

Dies entspricht dem Verhalten der gleichen Schlüsselwörter in der radial-gradient() Funktion. Sie können diese Schlüsselwörter in den clip-pathEigenschaften , shape-outsideund offset-path verwenden.

So schneiden Sie beispielsweise ein Element an einem Kreis fest, der bis zur äußersten Ecke des Elements reicht:

.badge {
  clip-path: circle(farthest-corner at 25% 25%);
}

Siehe auch:

object-fit und object-position für SVG-Dokumente in <object> und <embed>

Die object-fit CSS-Eigenschaften und object-position gelten jetzt für SVG-Dokumente (Scalable Vector Graphics), die mithilfe eines <object> oder-Elements <embed> geladen werden. Die Größe und Position des SVG-Dokuments im Inhaltsfeld des Elements ist genau wie der Inhalt eines <img> Elements festgelegt.

Bisher ignorierte Microsoft Edge die object-fit UND-CSS-Eigenschaften object-position für eingebettete SVG-Dokumente und streckte den Dokumentansichtsbereich immer, um das gesamte Inhaltsfeld auszufüllen.

Siehe auch:

HTML-Features

Die folgenden neuen HTML-Features sind in Microsoft Edge enthalten.

<install> -Element

Das <install> HTML-Element ist ein vom Browser gerendertes Steuerelement, mit dem Benutzer eine Web-App installieren können, ohne JavaScript schreiben zu müssen. Da der Browser das <install> Steuerelement rendert, empfängt der Browser ein stärkeres Signal für die Absicht des Benutzers als bei der Verarbeitung von beforeinstallprompt Ereignissen.

Standardmäßig installiert das Element die Web-App, die dem aktuellen Dokument zugeordnet ist. Um die Installation einer anderen Web-App anzubieten, z. B. in einem App-Katalog, verwenden Sie das manifest Attribut, um die URL des Web-App-Manifests anzugeben, und optional das manifestid Attribut, um die Manifest-ID anzugeben. Der Inhalt des Elements ist Fallback-Inhalt:

<install
  manifest="https://music.example/manifest.webmanifest"
  manifestid="https://music.example/app">
  <a href="https://music.example/">Open Music Example</a>
</install>

Das <install> Element ist das deklarative Gegenstück zur navigator.install() Methode. Siehe Webinstallations-API weiter unten.

Administratoren können dieses Feature auf zwei Arten steuern:

  • Die Richtlinie WebAppInstallByUserEnabled kann die Installation von Web-Apps durch Benutzer deaktivieren, einschließlich Installationen, die durch das <install> Element und die navigator.install() Methode gestartet werden.
  • Die web-app-installation Berechtigungsrichtlinie kann die Verwendung dieses Features auf Ursprüngen, die vom Administrator kontrolliert werden, z. B. interne Websites und iframes, zulassen oder verweigern.

Siehe auch:

SVG-Features

Die folgenden neuen SVG-Features (Scalable Vector Graphics) sind in Microsoft Edge enthalten.

side für SVG <textPath>

Mit dem side Attribut des SVG-Elements <textPath> können Sie auswählen, welcher Seite eines Pfades der Text folgt. Durch Festlegen side="right" wird die Pfadrichtung für das Textlayout umgekehrt. Dies erleichtert das Platzieren von Text innerhalb oder außerhalb eines Kreispfads, ohne die Pfaddaten zu duplizieren oder manuell umzukehren.

Beispiel:

<svg viewBox="0 0 200 200">
  <path id="circle" d="M 100,100 m -75,0 a 75,75 0 1,1 150,0 a 75,75 0 1,1 -150,0" fill="none" />
  <text>
    <textPath href="#circle" side="right">Text on the other side of the path</textPath>
  </text>
</svg>

Siehe auch:

Web-APIs

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

Webinstallations-API

Die Webinstallations-API ermöglicht es einer Website, den Benutzer aufzufordern, eine Web-App zu installieren.

Mit der navigator.install() Methode wird eine der folgenden Anwendungen installiert:

  • Die Web-App, die dem aktuellen Dokument zugeordnet ist.
  • Eine Web-App, die nicht mit dem aktuellen Dokument verknüpft ist, indem eine Manifest-URL und eine optionale Manifest-ID übergeben werden.

Dies ermöglicht die ursprungsübergreifende Installation von Web-Apps und ist eine bessere Entwicklererfahrung als die Verarbeitung von beforeinstallprompt Ereignissen.

Beispielsweise kann ein App-Katalog die Installation einer Web-App anbieten, die durch ihre Manifest-URL identifiziert wird:

await navigator.install({
  manifest: "https://music.example/manifest.webmanifest",
  manifestId: "https://music.example/app"
});

Der Benutzer muss die Installation immer bestätigen.

Die navigator.install() Methode ist das imperative Gegenstück zum <install> Element. Siehe <install> Element, oben.

Administratoren können dieses Feature auf zwei Arten steuern:

  • Die Richtlinie WebAppInstallByUserEnabled kann die Installation von Web-Apps durch Benutzer deaktivieren, einschließlich Installationen, die von der Methode und dem navigator.install()<install> Element gestartet werden.
  • Die web-app-installation Berechtigungsrichtlinie kann die Verwendung dieses Features auf Ursprüngen, die vom Administrator kontrolliert werden, z. B. interne Websites und iframes, zulassen oder verweigern.

Siehe auch:

Berechtigungsrichtlinie: focus-without-user-activation

Die focus-without-user-activation Berechtigungsrichtlinie gibt Ihnen die Kontrolle über programmgesteuerte Fokusänderungen, die von einer Webseite vorgenommen werden, die in einen iFrame auf Ihrer Website eingebettet ist.

Wenn die focus-without-user-activation Berechtigungsrichtlinie für den Frame verweigert wird, der die Fokusänderung initiiert, werden die folgenden programmgesteuerten Fokusänderungen blockiert, es sei denn, dieser Frame verfügt über eine vorübergehende Benutzeraktivierung oder der Fokus befindet sich bereits in seiner Unterstruktur:

  • Aufrufe von element.focus() und window.focus().
  • Das autofocus Attribut.
  • Die Fokussierungsschritte für Dialoge und Popover.

Dies verhindert nicht, dass Dialoge oder Popover geöffnet werden. Fokusänderungen, die vom Benutzer initiiert werden, wie z. B. Klicken oder Tabulieren, sind nie betroffen. Die bestehende Einschränkung für autofocus ursprungsübergreifende iframes bleibt unverändert. Die focus-without-user-activation Berechtigungsrichtlinie kann weiter einschränken autofocus, aber das Zulassen dieser Richtlinie wird in einem ursprungsübergreifenden Frame nicht aktiviert autofocus .

Legen Sie die focus-without-user-activation Berechtigungsrichtlinie fest, indem Sie eine der folgenden Methoden verwenden:

  • Der Permissions-Policy HTTP-Antwortheader.
  • Das allow Attribut eines <iframe> Elements. Ein übergeordneter Frame, der den Fokus hat, kann den Fokus weiterhin an einen untergeordneten iframe übergeben, auch wenn der untergeordnete Frame die Richtlinie ablehnt. Nachdem ein Frame den Fokus hat, kann der Frame den Fokus innerhalb seiner eigenen Unterstruktur verschieben.

Um beispielsweise zu verhindern, dass ein iframe programmgesteuert den Fokus erhält:

<iframe src="https://example.com/widget" allow="focus-without-user-activation 'none'"></iframe>

Siehe auch:

WebAudio: Inkrementelles Rendering für OfflineAudioContext

Die OfflineAudioContext Benutzeroberfläche unterstützt jetzt inkrementelles Rendering. Anstatt den gesamten Audiopuffer vor Beginn des Renderings zuzuweisen, verarbeitet und liefert die OfflineAudioContext Schnittstelle das Audiodiagramm in Blöcken. Dies senkt den Speicherbedarf bei der Verarbeitung großer Mengen von Audiodaten, insbesondere auf Geräten mit begrenztem Arbeitsspeicher.

Siehe auch:

WebTransport: Zuverlässigkeitsattribute

Die reliability Eigenschaft und die statische supportsReliableOnly Eigenschaft sind jetzt verfügbar für WebTransport. Anhand dieser Eigenschaften erfahren Sie, welche Arten von Verbindungen unterstützt werden.

  • Die statische Eigenschaft WebTransport.supportsReliableOnly gibt an, ob der Browser über ausschließlich zuverlässige Verbindungen unterstützt WebTransport . In Microsoft Edge gibt diese Eigenschaft "zurück false, da eine etablierte Sitzung erfolgreich HTTP/3 verwendet und unzuverlässige Datagramme unterstützt.
  • Die reliability Eigenschaft einer bestimmten WebTransport Instance gibt an, ob die eingerichtete Sitzung einen unzuverlässigen Transport unterstützt, z. B. Datagramme. Diese Eigenschaft gibt zunächst zurück "pending"und ändert sich in "Rückgabe", "supports-unreliable" nachdem eine HTTP/3-WebTransport-Verbindung hergestellt wurde.

Siehe auch:

WebTransport: Erwartete gleichzeitige eingehende Datenströme

Sie können WebTransport jetzt mithilfe von Hinweisen im WebTransport() Konstruktor mitteilen, wie viele eingehende Datenströme Sie erwarten, dass sie gleichzeitig geöffnet sind. Der Browser verwendet diese Hinweise, um die anfängliche QUIC-Stream-Erlaubnis zu konfigurieren. Dies verringert das Risiko, dass ein Server, der hohe Datenstromparallelität benötigt, durch das anfängliche Datenstromlimit blockiert wird.

Siehe auch:

WebTransport: Entwässerung

Die draining Eigenschaft von WebTransport ist eine Zusage, die aufgelöst wird, wenn der Server angibt, dass die WebTransport-Sitzung ordnungsgemäß zurückgezogen wird. Verwenden Sie dieses Signal, um eine Ersatzsitzung einzurichten, während die vorhandenen Streams und die aktuelle Sitzung nutzbar bleiben.

Beispiel:

transport.draining.then(() => {
  // Start a new session, and migrate your streams to it.
});

Siehe auch:

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.

Name Beschreibung Registrieren
Gamepad-Roheingabeereignis Anstatt sich auf häufige Abfragen über navigator.getGamepads()zu verlassen, können Webseiten auf gamepadrawinputchanged Ereignisse lauschen. Diese Ereignisse werden ausgelöst, wenn Änderungen zwischen Eingabeframes von demselben Gerät erkannt werden. Registrieren
Steuern der Heuristik des Ansichtsfensters in der Spekulationsregel-API Ermöglicht es Ihnen, die Heuristiken des Ansichtsfensters zu steuern, die von Spekulationsregeln verwendet werden, um festzustellen, ob verschiedene Heuristikparameter zu besseren Ergebnissen führen als die Standardparameter. Registrieren
Benutzer-Agent-Imageersatz-API Ermöglicht es Ihnen, zu beobachten, wenn Browserfeatures Bilder im Inhalt Ihrer Seite ersetzen. Diese Browserfeatures sind derzeit auf ausgewählte Websites beschränkt. Registrieren
Ereignis zum automatischen Ausfüllen Erkennt, wenn das automatische Ausfüllen des Browsers Formularsteuerelemente aktualisiert, um die benutzerdefinierte Benutzeroberfläche und die Validierung anzupassen. Registrieren
Spekulative Lastmessung performance.speculations Macht Daten zu verwendeten und nicht verwendeten Preloads, Prefetches und Prerenders verfügbar. Auf diese Weise können Sie die Effektivität spekulativer Ladestrategien messen und Kompromisse zwischen Leistung und Kosten optimieren. Registrieren
Prompt-API-Stichprobenparameter temperature Mit den topK Samplingparametern und können Sie das Modellverhalten pro Sprachmodellsitzung optimieren. Registrieren
Digitale Anmeldeinformations-API – Ausstellungsunterstützung Ermöglicht es einer Website, die Ausstellung von Anmeldeinformationen, z. B. einem Führerschein oder einem akademischen Abschluss, von einem Ausstellerserver an die digitale Brieftasche des Benutzers auszulösen. Registrieren
PrefetchAndPrerenderActivationBeacon Ermöglicht Microsoft Edge, ein Aktivierungsbeacon zuverlässig zu melden, wenn eine Prefetch- oder vorab gerenderte Seite aktiviert wird. Registrieren
prerender_until_script API-Aktion für Spekulationsregeln Rendert eine Seite im Vorfeld, wechselt jedoch zum Vorababrufen, wenn ein Skript ausgeführt wird. Registrieren
JS Self-Profiling Markierungen Erweitert die JS Self-Profiling-API durch Hinzufügen von Beispielmarkern wie script, gc, style, layoutund paint. Diese Markierungen identifizieren die Aktivität, die der Browser zum Zeitpunkt der Erfassung ausgeführt hat. Registrieren
Protokoll zur Überprüfung von E-Mails Ermöglicht Websites das Überprüfen des E-Mail-Besitzes mithilfe von kryptografischen Token, die von E-Mail-Anbietern ausgegeben werden. Dies reduziert die Abhängigkeit von E-Mail-Einmalkennungen (OTPs) und optimiert Registrierungs-, Anmelde- und Wiederherstellungsabläufe. Registrieren
Benutzerdefinierte WebAssembly-Deskriptoren V2 Speichert Daten, die Typen auf Quellebene zugeordnet sind, effizienter in benutzerdefinierten Deskriptorobjekten. Registrieren
Deklarative Performance Observer-API Verwendet HTTP-Antwortheader, um ein zuverlässiges, vom Browser verwaltetes Telemetriesystem nachzuweisen, das Leistungsmetriken für die Website von der Initiierung der Navigation bis zur Beendigung der Seite meldet. Registrieren
WebMCP (Englisch) Ermöglicht Ihrer Website die Registrierung von Tools für einen In-Browser-Agent, um Aufgaben im Namen eines Benutzers auszuführen. Registrieren
WebRTC-Diagnoseprotokollierungs-API Ermöglicht es Ihrer Web-App, die Sammlung interner Diagnoseprotokolle für WebRTC-Vorgänge zu starten, zu beenden und abzubrechen. Registrieren
Eingebettete Erzwingung der Verbindungszulassungsliste Ermöglicht die Verwendung des connectionallowlist Attributs für ein <iframe> Element, um anzufordern, dass das eingebettete Dokument seine ausgehenden Netzwerkverbindungen auf eine deklarierte Zulassungsliste beschränkt. Wenn das eingebettete Dokument keinen übereinstimmenden Connection-Allowlist Header liefert, wird seine Antwort blockiert. Registrieren

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.

  • Zuletzt aktualisiert um