Versionshinweise zur Webplattform Microsoft Edge 149 (Juni 2026)

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

Siehe Neuerungen in DevTools (Microsoft Edge 149).

WebView2

Siehe Release SDK 1.0.4022.49 für Runtime 149 (9. Juni 2026) in den Versionshinweisen für das WebView2 SDK.

CSS-Features

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

CSS-Lückendekorationen

Formatieren Sie die Lücken in Raster- und Flexbox-Containerlayouts, ähnlich wie column-rule im mehrspaltigen Layout. Verwenden Sie Lückendekorationen, um Elemente visuell zu trennen, ohne auf Problemumgehungen wie Pseudoelemente oder zusätzliche Wrapperelemente zurückgreifen zu müssen.

Siehe auch:

Überlaufen von Clip-Text bei Benutzerinteraktion

Wenn ein Benutzer mit festgelegtem Text text-overflow: ellipsis interagiert (z. B. während der Bearbeitung oder der Caretnavigation), wechselt der Text vorübergehend von den Auslassungspunkten zum Clip (wobei das Abschneiden in der Mitte eines Zeichens erfolgen kann). Dadurch kann der Benutzer den ausgeblendeten Überlaufinhalt sehen und mit ihm interagieren.

Dieses Verhalten gilt für alle bearbeitbaren und nicht bearbeitbaren Elemente. Formularsteuerelemente (<textarea>, <input>) unterstützen dieses Verhalten bereits.

Siehe auch:

image-rendering: crisp-edges

Die image-rendering Eigenschaft unterstützt jetzt den crisp-edges Wert.

Wird verwendet image-rendering: crisp-edges , um ein Bild so zu skalieren, dass Kontrast und Kanten erhalten bleiben, ohne die Farben zu glätten oder Unschärfe einzuführen.

Siehe auch:

path-length CSS-Eigenschaft für SVG-Elemente

Verwenden Sie die neue path-length CSS-Eigenschaft, um den pathLength Attributwert für SVG-Geometrieelemente festzulegen, einschließlich:

  • <path>
  • <circle>
  • <rect>
  • <line>
  • <polyline>
  • <polygon>
  • <ellipse>

Mit der path-length CSS-Eigenschaft können Sie den pathLength Attributwert einer SVG über Stylesheets, Inline-Stile und Animationen bearbeiten.

CSS-Deklarationen überschreiben das SVG-Präsentationsattribut gemäß den CSS-Prioritätsregeln. Der Anfangswert ist none.

Siehe auch:

path(), shape(), rect()und xywh() in shape-outside

Sie können jetzt die path()Funktionen , shape(), und xywh() shape in der CSS-Eigenschaft shape-outside verwenden, rect()um Float-Ausschlussformen zu definieren.

Siehe auch:

Aus dem Benutzer-Agent-Stylesheet für border-color: gray<table>

Die fehlerhafte border-color: gray Regel wurde aus dem User-Agent-Stylesheet des Browsers für das <table> Element entfernt. Tabellenrahmen sind jetzt standardmäßig standardmäßig auf currentColor, entsprechend der HTML-Spezifikation und anderen Browsern.

Siehe auch:

Systemakzentfarbe auf installierte Webanwendungen anwenden

Der accent-color: auto CSS-Wert für Formularsteuerelemente wendet jetzt die Akzentfarbe des Betriebssystems nur noch in installierten Web-App-Kontexten an. Auf normalen Webseiten verwenden Formularsteuerelemente stattdessen eine Browser-Standardakzentfarbe.

Diese Änderung richtet das Verhalten von accent-color: auto an den AccentColorAccentColorText CSS-Systemfarbschlüsselwörtern aus, die auch auf installierte Web-App-Kontexte beschränkt sind, um Fingerabdrücke zu reduzieren.

Siehe auch:

Pseudoklassen für Benutzeraktionen Grenze der obersten Ebene

Die :hoverKlassen , :active, und :focus-within die Pseudoklassen stimmen jetzt bei übergeordneten Elementen nur bis zum ersten Element der obersten Ebene in der Kette der übergeordneten Elemente überein.

Betrachten Sie zum Beispiel diesen HTML-Code:

<main>
  <div popover>
    <button></button>
  </div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>

Wenn der Benutzer mit der Maus auf das <button> Element zeigt, entspricht die :hover Pseudoklasse den <button><div popover> and-Elementen, nicht jedoch dem <main> Element, da es <div popover> sich um ein Element der obersten Ebene handelt.

Elemente der obersten Ebene werden visuell außerhalb ihres übergeordneten Kontexts gerendert, daher ist es unerwünscht, übergeordnete Stile zu ändern, wenn ein Element der obersten Ebene mit dem Mauszeiger darüber bewegt oder aktiviert wird.

Siehe auch:

Web-APIs

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

Intl.Locale-Varianten

Das Intl.Locale Objekt macht nun eine variants Eigenschaft verfügbar. Sie können jetzt auch eine variants Zeichenfolge in den Optionen des Intl.Locale Konstruktors übergeben.

Die Varianten eines Gebietsschemas stellen zusätzliche Spracheinstellungen dar, die nicht durch die Sprach-, Regions- und Skriptfelder einer Sprach-ID abgedeckt werden.

Siehe auch:

Migrieren einer PWA zu einem neuen Ursprung

Sie können jetzt eine installierte Progressive Web App (PWA) nahtlos zu einem neuen, gleichen Websiteursprung migrieren, wobei das Vertrauen und die Berechtigungen der Benutzer erhalten bleiben.

Wenn ein Benutzer eine PWA installiert, app.example.comist ihre Identität an seinen Webursprung gebunden (z. B. ). Zuvor mussten Benutzer bei einer Änderung des Ursprungs die App manuell deinstallieren und neu installieren. Dieses Feature beseitigt diese Unterbrechung.

Siehe auch:

Unterscheiden von Zahlungshandlerfehlern in einer Zahlungsanforderung

Ein Zahlungshandler, auf den über die Zahlungsanforderungs-API zugegriffen wird, kann jetzt eindeutige Fehler für "Benutzer storniert" und "interner Zahlungs-App-Fehler" zurückgeben.

Verwenden Sie diese Unterscheidung, um bessere Flows für Ihre Benutzer zu erstellen. Wenn beispielsweise ein interner Fehler auftritt, versuchen Sie es erneut oder greifen Sie auf eine andere Zahlungsmethode zurück, während Sie den Flow ordnungsgemäß beenden, wenn der Benutzer abbricht.

  • Wenn die übergebene Zusage PaymentRequestEvent.respondWith mit einem OperationErrorabgelehnt wird, erhält Ihre PaymentRequest.show() Zusage einen OperationError.
  • Wenn die übergebene Zusage PaymentRequestEvent.respondWith mit einem anderen Wert als OperationErrorabgelehnt wird, erhält Ihre PaymentRequest.show() Zusage eine AbortError (Benutzer stornieren).

Siehe auch:

Request.isReloadNavigation Attribut

Das isReloadNavigation Attribut ist jetzt auf der Benutzeroberfläche der Request Fetch-API verfügbar. Dieses Attribut gibt an, ob die Navigationsanforderung als vom Benutzer ausgelöstes Neuladen initiiert wurde, z. B. wenn der Benutzer auf die Schaltfläche "Aktualisieren " klickt oder wenn die location.reload() oder-Methode history.go(0) ausgeführt wird.

Das isReloadNavigation Attribut ist ein schreibgeschützter boolescher Wert.

Verwenden Sie dieses Attribut im Handler Ihres Service Workers FetchEvent , um Caching-Strategien zu implementieren, z. B. das Umgehen des Cache oder das Erzwingen einer Network-First-Strategie speziell während eines Neuladens.

Siehe auch:

Service Worker-Router Zeitfelder in Resource Timing- und Navigations-APIs für die Timing

Die workerMatchedRouterSource Und-Attribute workerFinalRouterSource sind jetzt für die APIs für Ressourcentiming und Navigationstiming verfügbar.

  • Verwenden Sie das workerMatchedRouterSource Attribut, um zu ermitteln, welche Service Worker-Regel des statischen Routers abgeglichen wurde.

  • Verwenden Sie das workerFinalRouterSource Attribut, um die endgültige Quelle zu identifizieren, die für die Anforderung verwendet wurde.

Siehe auch:

autocorrect="off" auf der Windows-Bildschirmtastatur

Das autocorrect Attribut funktioniert jetzt auf der Windows-Bildschirmtastatur ordnungsgemäß. Zuvor ignorierte die Bildschirmtastatur den autocorrect="off" Attributwert und korrigierte immer Wörter.

Um zu verhindern, dass die Bildschirmtastatur eingegebenen Text ersetzt, setzen Sie den autocorrect="off" Attributwert auf:

  • Ein <input> Element.
  • Ein <textarea> Element.
  • Jedes Element, für das das contenteditable Attribut festgelegt ist.

Siehe auch:

Lesen von Zwischenablagedaten zurückstellen, bis der MIME-Typ angegeben ist

Die asynchrone Zwischenablage-API stellt jetzt das Lesen von Zwischenablagedaten aus dem Betriebssystem zurück, bis Sie getType(). Wenn Sie navigator.clipboard.read()aufrufen, gibt der Browser ein Array von ClipboardItem Objekten zurück, jedes mit ihren verfügbaren MIME-Typen, jedoch ohne die zugrunde liegenden Daten. Die tatsächlichen Daten sind schreibgeschützt, wenn Sie ein bestimmtes Format anfordern.

const items = await navigator.clipboard.read(); // No data is read yet.
const text = await items[0].getType('text/plain'); // Only the 'text/plain' data is read here.

Dies reduziert die CPU-Verwendung und verbessert die wahrgenommene Reaktionsfähigkeit des API-Aufrufs.

Siehe auch:

WebSocket-Verbindungen für bfcache-Eintrag schließen

Eine offene WebSocket-Verbindung wird jetzt geschlossen, wenn eine Seite in den Back/Forward-Cache (bfcache) wechselt, anstatt zu verhindern, dass die Seite zwischengespeichert wird.

Zuvor konnte eine Seite mit einer aktiven WebSocket-Verbindung nicht im bfcache gespeichert werden. Durch diese Änderung profitieren mehr Seiten von der sofortigen Rückwärts- und Vorwärtsnavigation.

Wenn Ihre Seite in den bfcache eintritt, empfängt die Seite ein close Ereignis für jeden betroffenen WebSocket. Lauschen Sie auf das pageshow Ereignis, und stellen Sie dann die Verbindung wieder her, wenn event.persisted es ist true.

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
SharedArrayBuffers in nicht isolierten Seiten auf Desktopplattformen Ermöglicht die Verwendung SharedArrayBuffer von Objekten auf Seiten, die nicht ursprungsübergreifend isoliert sind. Registrieren
Benachrichtigungen über eingehende Anrufe Ermöglicht installierten PWAs, Benachrichtigungen über eingehende Anrufe mit einem Klingelton und den Schaltflächen "Annehmen/Ablehnen" zu senden. Registrieren
Korrekturleser-API Korrigiert Grammatik-, Rechtschreib- und Zeichensetzungsfehler in Text mithilfe eines integrierten Sprachmodells. Siehe auch Korrekturleser-API. Registrieren
Prompt-API Prompts ein integriertes Sprachmodell aus dem JavaScript-Code Ihrer Website oder Erweiterung. Siehe auch Prompt-API. Registrieren
Prompt-API-Stichprobenparameter temperature Mit den topK Samplingparametern und können Sie das Modellverhalten pro Sprachmodellsitzung optimieren. Registrieren
Benutzerdefinierte WebAssembly-Deskriptoren Speichert Daten, die Typen auf Quellebene zugeordnet sind, effizienter in benutzerdefinierten Deskriptorobjekten. Registrieren
<usermedia> HTML-Element Ein browsergesteuertes HTML-Element zum Anfordern des Kamera- oder Mikrofonzugriffs, das JavaScript-basierte Berechtigungsanfragen ersetzt. Registrieren
Heuristiken der weichen Navigation Macht Soft-Navigations-Heuristiken zum Erfassen von Leistungsmetriken in Single-Page-Apps verfügbar. Registrieren
Erweiterte Canvas TextMetrics Erweitert die TextMetrics Canvas-API um Auswahlrechtecke, Begrenzungsrahmenabfragen und Glyphenclustervorgänge. Registrieren
WebNN Erstellen und führen Sie hardwarebeschleunigte Modelle für maschinelles Lernen direkt in Ihrer Web-App aus. Registrieren
focusgroup HTML-Attribut Standardisiert die Tastaturnavigation für zusammengesetzte Widgets wie Symbolleisten, Registerkarten, Menüs und Optionsgruppen. Registrieren
URL- und Eval-Hashes in CSP script-src Führt URL- und Eval-Hashes für script-src CSP-Direktiven ein und ersetzt hostnamenbasierte Zulassungslisten und unsafe-eval. Registrieren
Webinstallations-API Ermöglicht einer Website die Installation einer anderen Website als Web-App mithilfe von navigator.install(). Registrieren
<install> HTML-Element Deklaratives Installieren anderer Websites als Web-Apps mithilfe des <install> Elements Registrieren
HTML im Zeichenbereich Ermöglicht das Rendern von HTML im Canvas mit neuen Zeichnungsmethoden und dem paint Ereignis. Registrieren
Digitale Anmeldeinformations-API – Ausstellungsunterstützung Löst die Ausgabe von Benutzeranmeldeinformationen von einem Server zur Ausstellung von Anmeldeinformationen für eine digitale Brieftasche aus. 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
WebAudio Konfigurierbares Rendern Quantum Hiermit können Sie beim Erstellen eines AudioContext oder OfflineAudioContexteine benutzerdefinierte Renderquantumgröße angeben. Registrieren
Prerender-Aktivierung durch Formularübermittlung Ermöglicht das Aktivieren von Prerender-Regeln in der Spekulationsregel-API durch Formularübermittlungen. Registrieren
API zur CPU-Leistung Stellt Informationen zu den Gerätefunktionen des Benutzers zur Verwendung mit der Compute Pressure-API bereit. Registrieren
Zulassungslisten für Verbindungen Schränkt Verbindungen zwischen einem Dokument oder Worker und einer serververteilten Zulassungsliste von Endpunkten ein. Registrieren
Vorausrendern ursprungsübergreifender Iframes Rendert ursprungsübergreifende iframes über einen Opt-in-Antwortheader vorab, anstatt sie bis zur Seitenaktivierung zu verzögern. Registrieren
Container-Timing Überwacht, wenn ein mit Anmerkungen versehener DOM-Container angezeigt wird und seine erste Farbe abgeschlossen hat. Registrieren
Getrennte Formatvorlagen und Layoutdauern in der API für lange Animationsframes Fügt styleDurationforcedStyleDuration, , layoutDurationund forcedLayoutDuration Eigenschaften für eine tiefergehende CSS-Leistungsanalyse hinzu. Registrieren
Deklarative CSS-Modulskripts Teilt deklarative Stylesheets mit Schattenstämmen, einschließlich deklarativer Schattenstämme, mithilfe von Inline-Formatvorlagenmodulen. 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

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.

  • Last updated on