Versionshinweise zur Microsoft Edge 149-Webplattform (Juni 2026)

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

Formatieren Sie die Lücken in Raster- und Flexbox-Containerlayouts, ähnlich wie column-rule beim Layout mit mehreren Spalten. 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:

Cliptextüberlauf bei Benutzerinteraktion

Wenn ein Benutzer mit Text interagiert, der festgelegt wurde text-overflow: ellipsis (z. B. während der Bearbeitung oder der Caretnavigation), wechselt der Text vorübergehend von Auslassungspunkten zu Clip (wobei die Kürzung in der Mitte eines Zeichens erfolgen kann). Dadurch kann der Benutzer den ausgeblendeten Überlaufinhalt anzeigen und damit 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.

Verwenden Sie image-rendering: crisp-edges , um ein Bild auf eine Weise zu skalieren, die Kontraste und Kanten beibehalten, ohne Farben zu glätten oder unschärfen.

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 path-length der CSS-Eigenschaft können Sie den Attributwert einer SVG pathLength über Stylesheets, Inlineformatvorlagen und Animationen bearbeiten.

CSS-Deklarationen überschreiben das SVG-Präsentationsattribut gemäß css-Standardrangfolgeregeln. Der Anfangswert ist none.

Siehe auch:

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

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

Siehe auch:

Aus dem Stylesheet des Benutzer-Agents für entfernt border-color: gray<table>

Die fehlerhafte border-color: gray Regel wurde aus dem Benutzer-Agent-Stylesheet des Browsers für das <table> -Element entfernt. Tabellenrahmen werden jetzt ordnungsgemäß auf festgelegt currentColor, was der HTML-Spezifikation und anderen Browsern entspricht.

Siehe auch:

Bereich der Systemakzentfarbe für installierte Web-Apps

Der accent-color: auto CSS-Wert für Formularsteuerelemente wendet jetzt die Akzentfarbe des Betriebssystems nur innerhalb installierter Web-App-Kontexte an. Auf regulären Webseiten verwenden Formularsteuerelemente stattdessen eine Browserstandard-Akzentfarbe.

Diese Änderung richtet das Verhalten von accent-color: auto an den AccentColor CSS-Systemfarbschlüsselwörtern und AccentColorText aus, die auch auf installierte Web-App-Kontexte ausgerichtet sind, um den Fingerabdruck zu reduzieren.

Siehe auch:

Benutzeraktions-Pseudoklassen der obersten Ebene

Die :hoverPseudoklassen , :activeund :focus-within stimmen jetzt nur bis zum ersten Element der obersten Ebene in der Kette der übergeordneten Elemente überein.

Betrachten Sie beispielsweise diesen HTML-Code:

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

Wenn der Benutzer mit dem Mauszeiger auf das <button> Element zeigt, stimmt die :hover Pseudoklasse mit den <button><div popover> Elementen und überein, stimmt jedoch nicht mit dem <main> Element überein, da es sich bei um ein Element der <div popover> obersten Ebene handelt.

Elemente der obersten Ebene werden außerhalb ihres übergeordneten Kontexts visuell gerendert, sodass das Ändern übergeordneter Stile, wenn auf ein Element der obersten Ebene gezeigt oder aktiviert wird, unerwünscht ist.

Siehe auch:

Web-APIs

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

Deaktivieren von SVG-Filtern für ursprungsübergreifende iFrames und Plug-Ins

SVG-Filter werden nicht mehr auf Folgendes angewendet:

  • Ursprungsübergreifende oder eingeschränkte iFrames (z. B. Sandkasten-iFrames).
  • Eingebettete Plug-Ins (z. B. PDFs).

Dadurch wird verhindert, dass potenzielle Sicherheitsprobleme durch ursprungsübergreifende Inhalte über SVG-Filtereffekte verarbeitet werden.

Siehe auch:

Intl.Locale-Varianten

Das Intl.Locale -Objekt macht jetzt 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:

OpaqueRange für Formularsteuerelementtext

Verwenden Sie OpaqueRange , um eine aktive Textspanne innerhalb des Werts eines Formularsteuerelements darzustellen, z. B. eine oder textbasierte <textarea><input>.

OpaqueRange aktiviert Folgendes für Inlinevorschläge, Hervorhebungen und verankerte Popover:

  • Vorgänge wie getBoundingClientRect() und getClientRects().
  • Integration in die BENUTZERDEFINIERTE CSS-Hervorhebungs-API.

OpaqueRangebehält die Kapselung bei, indem nur Wertoffsets verfügbar sind, und gibt für startContainer und endContainerzurücknull.

Siehe auch:

Migrieren einer PWA zu einem neuen Ursprung

Sie können jetzt eine installierte progressive Web-App (PWA) nahtlos zu einem neuen Ursprung auf derselben Website migrieren, wobei die Benutzervertrauensstellung und -berechtigungen beibehalten werden.

Wenn ein Benutzer eine PWA installiert, wird seine Identität an den Webursprung gebunden (z. B app.example.com. ). Zuvor wurden Benutzer durch das Ändern des Ursprungs gezwungen, die App manuell zu deinstallieren und neu zu 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 abgebrochen" im Vergleich zu "Interner Zahlungs-App-Fehler" zurückgeben.

Verwenden Sie diese Unterscheidung, um bessere Flows für Ihre Benutzer zu erstellen. Wenn z. B. 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 an übergebene PaymentRequestEvent.respondWith Zusage mit einem OperationErrorabgelehnt wird, erhält Ihre PaymentRequest.show() Zusage eine OperationError.
  • Wenn die an übergebene PaymentRequestEvent.respondWith Zusage mit einem anderen Wert als OperationErrorabgelehnt wird, erhält Ihre PaymentRequest.show() Zusage ( AbortError Benutzer abbrechen).

Siehe auch:

Benachrichtigungen erhalten, wenn die scrollBy Methoden und scrollTo abgeschlossen sind

Programmgesteuerte Bildlaufmethoden wie scrollBy und scrollTogeben jetzt ein Promise -Objekt zurück, das aufgelöst wird, wenn der Bildlauf abgeschlossen ist. Verwenden Sie diese Zusage, um Code auszuführen, nachdem ein reibungsloser Bildlauf abgeschlossen ist, ohne sich auf einen Timer oder einen Bildlaufereignis-Abruf zu verlassen.

Siehe auch:

Request.isReloadNavigation Attribut

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

Das isReloadNavigation Attribut ist ein schreibgeschützter boolescher Wert.

Verwenden Sie dieses Attribut im Handler Ihres Service Workers FetchEvent , um Zwischenspeicherungsstrategien zu implementieren, z. B. das Umgehen des Caches oder das Erzwingen einer Netzwerk-First-Strategie speziell während eines Erneutladens.

Siehe auch:

Felder für die Zeitsteuerung des Service Worker-Routers in APIs für Ressourcenzeitsteuerung und Navigationssteuerung

Die workerMatchedRouterSource Attribute und workerFinalRouterSource sind jetzt in den APIs für Ressourcenzeitsteuerung und Navigationssteuerung verfügbar.

  • Verwenden Sie das workerMatchedRouterSource -Attribut, um zu ermitteln, welche statische Routerregel des Dienstworkers 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 ordnungsgemäß auf der Windows-Bildschirmtastatur. Zuvor hat die Bildschirmtastatur den autocorrect="off" Attributwert ignoriert und Wörter immer automatisch korrigiert.

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

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

Siehe auch:

Zurückstellen von Lesevorgängen für Zwischenablagedaten, bis der MIME-Typ angegeben ist

Die Asynchrone Zwischenablage-API verschiebt jetzt das Lesen von Zwischenablagedaten aus dem Betriebssystem, bis Sie aufrufen getType(). Wenn Sie aufrufen navigator.clipboard.read(), gibt der Browser ein Array von ClipboardItem Objekten zurück, die jeweils mit ihren verfügbaren MIME-Typen, aber ohne die zugrunde liegenden Daten enthalten sind. Die tatsächlichen Daten werden nur gelesen, 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-Auslastung und verbessert die wahrgenommene Reaktionsfähigkeit des API-Aufrufs.

Siehe auch:

Schließen von WebSocket-Verbindungen im bfcache-Eintrag

Eine geöffnete WebSocket-Verbindung wird jetzt geschlossen, wenn eine Seite in den Zurück/Vorwärts-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. Mit dieser Änderung profitieren mehr Seiten von der sofortigen Rückwärts- und Vorwärtsnavigation.

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

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.

Name Beschreibung Registrieren
SharedArrayBuffers auf nicht isolierten Seiten auf Desktopplattformen Ermöglicht die Verwendung von SharedArrayBuffer Objekten in Seiten, die nicht ursprungsübergreifend isoliert sind. Registrieren
Benachrichtigungen zu eingehenden Anrufen Ermöglicht installierten PWAs das Senden eingehender Anrufbenachrichtigungen mit einem Klingelton und Schaltflächen zum Annehmen/Ablehnen. Registrieren
Korrekturlese-API Korrigiert Grammatik-, Rechtschreib- und Interpunktionsfehler in Text mithilfe eines integrierten Sprachmodells. Siehe auch Proofreader-API. Registrieren
Eingabeaufforderungs-API Prompts ein integriertes Sprachmodell aus Ihrem Website- oder Erweiterungs-JavaScript-Code. Siehe auch Eingabeaufforderungs-API. Registrieren
Eingabeaufforderungs-API-Samplingparameter Mit den topK Samplingparametern und temperature 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 Berechtigungsanforderungen ersetzt. Registrieren
Heuristik der soften Navigation Macht heuristische Heuristiken für die softe Navigation zum Sammeln von Leistungsmetriken in Single-Page-Apps verfügbar. Registrieren
Erweiterte Canvas-TextMetriken Erweitert die TextMetrics Canvas-API mit Auswahlrechtecken, Begrenzungsrahmenabfragen und glyphencluster-Vorgängen. Registrieren
WebNN Erstellen und ausführen Sie hardwarebeschleunigte Machine Learning-Modelle direkt in Ihrer Web-App. Registrieren
focusgroup HTML-Attribut Standardisiert die Tastaturnavigation für zusammengesetzte Widgets wie Symbolleisten, Registerkarten, Menüs und Optionsfeldgruppen. 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 navigator.install()von . Registrieren
<install> HTML-Element Installieren Sie andere Websites deklarativ als Web-Apps, indem Sie das <install> -Element verwenden. Registrieren
HTML im Zeichenbereich Ermöglicht das Rendern von HTML im Zeichenbereich mit neuen Zeichnungsmethoden und dem paint -Ereignis. Registrieren
API für digitale Anmeldeinformationen – Unterstützung für die Ausstellung Löst die Ausstellung von Benutzeranmeldeinformationen von einem Server für den Anmeldeinformationsaussteller an eine digitale Wallet-Anwendung aus. Registrieren
prerender_until_script API-Aktion für Spekulationsregeln Eine API-Aktion mit Spekulationsregeln, die eine Seite vorab rendert, aber zum Vorabruf wechselt, wenn ein Skript ausgeführt wird. Registrieren
WebAudio Konfigurierbares Render quantum Hiermit können Sie beim Erstellen eines oder OfflineAudioContexteine AudioContext benutzerdefinierte Render quantum-Größe angeben. Registrieren
Vorabrendern der Aktivierung durch Formularübermittlung Ermöglicht die Aktivierung von Prerenderregeln in der Spekulationsregeln-API durch Formularübermittlungen. Registrieren
CPU-Leistungs-API Macht Informationen zu den Gerätefunktionen des Benutzers für die Verwendung mit der Compute Pressure-API verfügbar. Registrieren
Positivliste für Verbindungen Schränkt Verbindungen von einem Dokument oder Worker auf eine vom Server verteilte Positivliste von Endpunkten ein. Registrieren
Vorabrendern von ursprungsübergreifenden iFrames Prerendert ursprungsübergreifende iFrames über einen Opt-In-Antwortheader, anstatt sie bis zur Seitenaktivierung zu verzögern. Registrieren
Containerzeitsteuerung Überwacht, wenn ein mit Anmerkungen versehener DOM-Container angezeigt wird und seine anfängliche Strichfarbe abgeschlossen wurde. Registrieren
Separate Stil- und Layoutdauern in der API für lange Animationsframes Fügt styleDurationdie Eigenschaften , forcedStyleDuration, layoutDurationund forcedLayoutDuration für eine tiefergehende CSS-Leistungsanalyse hinzu. Registrieren
Skripts für deklarative CSS-Module Gibt deklarative Stylesheets mit Schattenwurzeln einschließlich deklarativer Schattenwurzeln mithilfe von Inlineformatmodulen frei. Registrieren
AutoAusfüllen-Ereignis Erkennt, wenn das automatische Ausfüllen im Browser Formularsteuerelemente zum Anpassen der benutzerdefinierten Benutzeroberfläche und Überprüfung aktualisiert. Registrieren

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