Versionshinweise zur Webplattform Microsoft Edge 157 (5. November 2026)

Im Folgenden finden Sie die neuen Webplattformfeatures und Updates in Microsoft Edge 157, das am 5. 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.

corner Kurzschrifteigenschaften

Die neue corner CSS-Kurzformeigenschaft legt sowohl den Radius als auch die Form der Ecken eines Elements in einer einzigen Deklaration fest, indem die border-radiuscorner-shape und-Eigenschaften kombiniert werden.

Beispiel:

.card {
  /* Equivalent to: border-radius: 20px; corner-shape: squircle; */
  corner: 20px squircle;
}

Mit den folgenden zusätzlichen Kurzformeigenschaften können Sie den Radius und die Form bestimmter Ecken festlegen:

  • Abkürzungen pro Ecke: corner-top-left, corner-top-right, corner-bottom-leftund corner-bottom-right.
  • Physische Kantenabkürzungen, z. B corner-top . und corner-bottom, die die beiden Ecken einer Kante festlegen.
  • Logische Kantenkurzschriften, z. B corner-block-start . und corner-block-end, die die beiden Ecken einer Kante basierend auf dem Schreibmodus festlegen.

Siehe auch:

text-decoration-inset und -zeit

Die text-decoration-inset CSS-Eigenschaft steuert, wie weit Unterstreichungen, Überstreichungen und Durchgangsdekorationen von der Anfangs- und Endkante des Textes eines Elements entfernt oder darüber hinaus verlängert werden.

text-decoration-inset Unterstützt die folgenden Wertetypen:

  • auto, wodurch der Browser den geeigneten Einschub basierend auf dem Text des Elements und dem umgebenden Kontext bestimmen kann.
  • Ein Längenwert, z. B 20px. . .
  • Ein Prozentwert, z. B 10%. . .
  • Ein oder zwei Werte. Der erste Wert legt den Startoffset fest. Der zweite Wert legt bei Angabe den Endoffset fest.

Auf diese Weise können Sie den Dekorationsabstand anpassen und Enthüllungseffekte mit nativen Textdekorationen erstellen, anstatt Hintergrundverläufe oder zusätzliche Elemente zu verwenden.

Siehe auch:

Benutzerdefinierter Zeichenfolgenwert für text-overflow

Die text-overflow CSS-Eigenschaft akzeptiert jetzt einen Zeichenfolgenwert, um den benutzerdefinierten Text anzugeben, der angezeigt wird, wenn der Inhalt eines Elements überläuft und abgeschnitten wird.

Bisher konnten Sie nur die clip Werte oder ellipsis verwenden. Mit einer benutzerdefinierten Zeichenfolge können Sie Überlaufindikatoren erstellen, die besser zu Ihrem Inhalt passen, zum Beispiel:

.summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: " (more)";
}

Siehe auch:

position-visibility: anchor-valid und anchor-visible

Bei Verwendung der CSS-Ankerpositionierung steuert die position-visibility CSS-Eigenschaft, wann ein Element mit Ankerposition ausgeblendet wird. Die position-visibility Eigenschaft unterstützt jetzt die folgenden Werte:

  • anchor-valid (neu) - Das Ankerelement wird nur angezeigt, wenn sein Standardankerelement vorhanden ist und das Element daher relativ zu ihm positioniert werden kann.

  • anchor-visible - Das Anker-positionierte Element wird nur angezeigt, wenn sein Standard-Ankerelement zumindest teilweise sichtbar ist. Dieser Wert ersetzt den anchors-visible Wert.

Der Pluralwert anchors-visible ist jetzt veraltet und ist ein Alias von anchor-visible. Verwenden Sie anchor-visible stattdessen.

Siehe auch:

HTML-Features

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

Nur-Symbol-Modus für <camera><microphone>, und <geolocation> Elemente

<microphone>Die <camera>, , und <geolocation> HTML-Elemente unterstützen jetzt das displaymode Attribut, mit dem Sie diese Elemente als kompakte, symbolgeschützte Schaltflächen ohne Text rendern können. Beispiel:

<camera displaymode="icon-only"></camera>

Nur-Symbol-Schaltflächen sind in Layouts mit eingeschränktem Platz nützlich, z. B. in Kartensteuerelementen oder schwebenden Videosymbolleisten. Im Nur-Symbol-Modus behalten die Elemente die gleichen Sicherheitsgarantien bei und bleiben für Sprachausgaben vollständig zugänglich.

Siehe auch:

Web-APIs

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

Aktualisierte HTML-Einfüge- und Streamingmethoden

Die folgenden HTML-Einfüge- und -Streamingmethoden bieten eine kohärentere Möglichkeit, HTML dynamisch in ein vorhandenes Dokument einzufügen:

  • Positionsmethoden, die HTML als Argument verwenden und effektiv ersetzen insertAdjacentHTML():
    • beforeHTML() und beforeHTMLUnsafe()
    • afterHTML() und afterHTMLUnsafe()
    • appendHTML() und appendHTMLUnsafe()
    • prependHTML() und prependHTMLUnsafe()
    • replaceWithHTML() und replaceWithHTMLUnsafe()
  • Streamingmethoden, die ein WritableStream Objekt zurückgeben, das den HTML-Text analysiert, den Sie daran schreiben:
    • streamHTML() und streamHTMLUnsafe()
    • streamAppendHTML() und streamAppendHTMLUnsafe()
    • streamPrependHTML() und streamPrependHTMLUnsafe()
    • streamReplaceWithHTML() und streamReplaceWithHTMLUnsafe()
    • streamBeforeHTML() und streamBeforeHTMLUnsafe()
    • streamAfterHTML() und streamAfterHTMLUnsafe()

Darüber hinaus können Sie die runScripts Option beim Aufrufen einer der unsicheren HTML-Einfüge- oder Streamingmethoden auf true die Ausführung der Methode in ähnlicher Weise createContextualFragment()wie festlegen.

Richtlinien für vertrauenswürdige Typen können auch den Skriptmodus und die Bereinigung außer Kraft setzen, die von diesen Methoden verwendet werden.

Vor diesen Methoden konnten Sie HTML bereits dynamisch aus Skripts aktualisieren, indem Sie mehrere unzusammenhängende APIs verwendeten, von denen jede ihre eigenen feinen Unterschiede aufwies. Sie haben beispielsweise folgende Möglichkeiten:

  • Teilweise Aktualisieren eines Elements mithilfe von insertAdjacentHTML().
  • Bereinigen von HTML mithilfe von setHTML().
  • Skripts ausführen mithilfe von createContextualFragment().
  • Stream von HTML mithilfe eines getrennten Dokuments

Solche mehreren, unzusammenhängenden APIs können verwirrend und schwer zu verwenden sein. Solche APIs können auch Sicherheitsprobleme verursachen, wenn sie nicht gut genutzt werden.

Siehe auch:

Desinfektionsmittel-API: javascriptURLs Option

Die Desinfektions-API bietet jetzt die javascriptURLs Konfigurationsoption und die setJavascriptURLs() Methode, um zu steuern, ob javascript: URLs, die für die href Navigation verwendet werden, z. B. im Attribut eines <a> Elements, beim Bereinigen von HTML entfernt werden.

Bisher hing es von der verwendeten Methode ab, ob javascript: URLs entfernt wurden:

  • Die sicheren Methoden, wie z. B setHTML(). entfernte URLs, haben immer javascript: entfernt.
  • Die unsicheren Methoden, wie z. B setHTMLUnsafe(). entfernte javascript: niemals URLs.

Nun ist das Entfernen javascript: von URLs ein expliziter Teil der Desinfektionskonfiguration, den Sie mit jeder Methode verwenden können.

Wenn Sie die neue Option nicht verwenden, bleibt das Verhalten unverändert.

Siehe auch:

HTML-in-Canvas

Mit der HTML-in-Canvas-API können Sie HTML-Elemente in ein <canvas> Element zeichnen. So können Sie den Canvas verwenden, um anzupassen, wie HTML-Inhalte gerendert werden, während der Inhalt zugänglich, interaktiv und korrekt angeordnet bleibt.

Sie können z. B. HTML-in-Canvas verwenden, um Folgendes zu rendern:

  • Formatierter Text in Diagrammen.
  • Reichhaltige Inhalte in Kreativtools.
  • Menüs im Spiel.
  • HTML-Inhalte auf Oberflächen innerhalb einer 3D-Szene.

HTML-in-Canvas bietet die folgenden Primitive:

  • Attribute, um die Nachkommen eines <canvas> Elements in Layout und Zeichnung zu übernehmen.
  • Methoden zum Zeichnen von Elementen in den Canvas: drawElementImage() für 2D-Canvas-Kontexte und äquivalente Methoden für WebGL und WebGPU.
  • Ein paint Ereignis, das ausgelöst wird, wenn die gezeichneten Elemente im Zeichenbereich aktualisiert werden müssen.
  • Methoden zur Synchronisierung der Geometrie der gezeichneten Elemente mit dem DOM, für Treffertests und Zugänglichkeit.

Siehe auch:

API für lange Animationsframes: Formatvorlagen- und Layoutdauer

Die API für lange Animationsframes meldet jetzt, wie viel Zeit für Stil- und Layoutberechnungen aufgewendet wurde, sodass Sie beim Analysieren langsamer Frames zwischen Formatvorlagenzeit und Layoutzeit unterscheiden können:

  • PerformanceLongAnimationFrameTiming Objekte verfügen über die styleDuration neuen und-Eigenschaften layoutDuration , die die Zeit melden, die für die Neuberechnung von Formatvorlagen und die Aktualisierung des Layouts aufgewendet wurde, als Teil des Rendering-Updates.
  • PerformanceScriptTiming Objekte verfügen über die forcedStyleDuration neuen und-Eigenschaften forcedLayoutDuration , die den Zeitaufwand für Formatvorlagen- und Layoutberechnungen angeben, die synchron von Skripts erzwungen wurden.

Siehe auch:

CORS-Erzwingung für die Background Fetch API

Die Background Fetch-API erzwingt jetzt die ressourcenübergreifende Freigabe zwischen verschiedenen Ursprüngen (Cross-Origin Resource Sharing, CORS).

Dadurch wird sichergestellt, dass Abrufanforderungen im Hintergrund den gleichen Sicherheitsrichtlinien unterliegen, z. B. den lokalen Netzwerkzugriffsprüfungen. Dadurch wird verhindert, dass Websites CORS (und andere Sicherheitsrichtlinienprüfungen) umgehen, indem sie Fetch im Hintergrund anstelle von regulärem Fetch verwenden.

Siehe auch:

ProgressEvent in Service Workers

Die ProgressEvent Schnittstelle ist jetzt in Service Workern verfügbar. Sie können den ProgressEvent() Konstruktor in einem Service Worker verwenden, um Fortschrittsereignisse mit den lengthComputableEigenschaften , loadedund total zu erstellen.

Dadurch werden Service Worker an anderen Workerkontexten und am XMLHttpRequest-Standard ausgerichtet.

Siehe auch:

Web-Bluetooth: BluetoothRemoteGATTServer ist eine EventTarget

Die BluetoothRemoteGATTServer Schnittstelle erbt nun von EventTargetund macht daher die addEventListener()removeEventListener(), , und dispatchEvent() Methoden verfügbar.

Dadurch können Ereignisse auf Verbindungsebene direkt auf dem GATT-Serverobjekt gesendet werden.

Siehe auch:

WebGPU: atomic-vec2u-min-max Feature

Mit dem atomic-vec2u-min-max WebGPU-Feature können Sie atomare 64-Bit-Minimum- und -Maximum-Operationen für atomic<vec2u> Werte in WebGPU Shading Language (WGSL)-Shadern verwenden.

Auf diese Weise können Sie Algorithmen implementieren, die 64-Bit-Atomics erfordern, ohne dass vollständige Unterstützung für 64-Bit-Ganzzahlen erforderlich ist.

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
Vorausrendern ursprungsübergreifender Iframes Rendert ursprungsübergreifende iframes über einen Opt-in-Antwortheader vorab, anstatt sie bis zur Seitenaktivierung zu verzögern. 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
PrefetchAndPrerenderActivationBeacon Ermöglicht Edge, ein Aktivierungs-Beacon zuverlässig zu melden, wenn eine Prefetch- oder Prerendering-Seite aktiviert wird. Registrieren
prerender_until_script API-Aktion für Spekulationsregeln Eine Speculation Rules-API-Aktion, die eine Seite vorab rendert, aber beim Ausführen eines Skripts zum Prefetching wechselt. Registrieren
JS Self-Profiling Markierungen Erweitert die JS Self-Profiling-API um Beispielmarkierungen 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
Eingebettete Erzwingung der Verbindungszulassungsliste Ermöglicht es einem Einbetter, das connectionallowlist Attribut für ein <iframe> Element zu verwenden, um anzufordern, dass das gerahmte Dokument seine ausgehenden Netzwerkverbindungen auf eine deklarierte Zulassungsliste beschränkt. Wenn das gerahmte Dokument keine übereinstimmende Connection-Allowlist Kopfzeile 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