Versionshinweise zur Microsoft Edge 152-Webplattform (August 2026)

Im Folgenden finden Sie die neuen Webplattformfeatures und Updates in Microsoft Edge 152, das am 27. August 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 Versionshinweise für das WebView2 SDK.

CSS-Features

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

alpha() CSS

Die CSS-Funktion alpha() erstellt eine neue Farbe, indem ein angegebener Alphawert auf eine vorhandene Farbe angewendet wird.

Erstellt alpha(from red / 0.5) beispielsweise eine halbtransparente rote Farbe mit 50 % Deckkraft.

Siehe auch:

window-drag CSS-Eigenschaft

Bei Verwendung in einer installierten progressiven Web-App (PWA) definiert die CSS-Eigenschaft window-drag Bereiche der Benutzeroberfläche der Web-App, die sich als verschiebbare Fenstertitelleistenbereiche verhalten.

Wenn sie auf ein Element angewendet wird, verschiebt eine Klick-und-Ziehen-Zeigerinteraktion das Anwendungsfenster der obersten Ebene.

Dies ist nützlich für PWAs, die auf Desktopbetriebssystemen installiert sind, und Apps, die das Feature "Überlagerung von Fenstersteuerelementen" verwenden, um benutzerdefinierte Titelleisten und verschiebbare Bereiche zu implementieren, wenn die vom Browser bereitgestellte Titelleiste ausgeblendet ist.

Die window-drag Eigenschaft standardisiert und benennt die vorhandene app-region Eigenschaft um.

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

Siehe auch:

HTML-Features

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

<camera> und <microphone> Elemente

Die <camera> und <microphone> HTML-Elemente sind vom Browser bereitgestellte Schaltflächen, die bei Aktivierung Kamera- oder Mikrofonstreams umschalten. Bei Bedarf wird der Benutzer über die Schaltfläche aufgefordert auszuwählen, ob der Seite Zugriff auf Kamera und Mikrofon gewährt werden soll.

<microphone> Die <camera> and-Elemente haben den gleichen zugrunde liegenden Mechanismus wie das <usermedia> Element, mit einem entscheidenden Unterschied: Sie sind so konzipiert, dass sie eine einzelne Funktion anfordern:

  • Das <camera> Element fordert ausdrücklich Videoaufnahmen an.
  • Das <microphone> Element fordert ausdrücklich die Audioaufnahme an.

Wie das <usermedia> Element betten die <microphone><camera> and-Elemente eine browsergesteuerte, streng formatierte Benutzeroberfläche in die Seite ein. Dadurch wird sichergestellt, dass ein starkes, absichtliches Benutzersignal vorliegt, bevor eine Berechtigungsaufforderung ausgelöst oder ein Stream gestartet wird.

Siehe auch:

Referenzziel

Die referenceTarget Eigenschaft eines ShadowRoot Objekts leitet Attribute wie for, aria-labelledby, popovertargetund commandfor an Elemente innerhalb eines Schatten-DOM weiter. Sie können dies beispielsweise verwenden, um a <label> mit seinem <input>zu verknüpfen, auch wenn sich das <input> im Schatten-DOM einer Webkomponente befindet.

Wenn ein Schattenhost ein Element in seiner Schattenstruktur als Referenzziel angibt, werden alle ID-Referenzen, die auf den Schattenhost verweisen, stattdessen an das Referenzzielelement weitergeleitet.

Ein Referenzziel kann auch in HTML mithilfe des shadowrootreferencetarget Attributs festgelegt werden, wie im folgenden Beispiel:

<label for="my-checkbox">Checkbox value</label>
<custom-checkbox id="my-checkbox">
  <template shadowrootmode="open" shadowrootreferencetarget="real-checkbox">
    <input id="real-checkbox" type="checkbox">
  </template>
</custom-checkbox>

Siehe auch:

autocorrect Globales HTML-Attribut

Das autocorrect globale HTML-Attribut steuert, ob Rechtschreib- oder Interpunktionsfehler bei Benutzereingaben in <input> und-Elemente <textarea> und in Elementen mit dem contenteditable Attribut automatisch korrigiert werden sollen.

Siehe auch:

Web-APIs

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

Geplante Abschaffung des Entladung-Ereignisses

Edge 152 wird die neue unload Berechtigungsrichtlinie einführen, um das Erstellen von Entladung-Ereignis-Listenern zu ermöglichen. Der Standardwert ist anfänglich allow, aber zwischen Edge 152 und Edge 155 wird der Standardwert schrittweise zu denymigriert, sodass Entladunghandler nicht mehr auf Seiten ausgelöst werden, es sei denn, eine Seite entscheidet sich explizit dafür, sie wieder zu aktivieren. Verwenden Sie den Wert, um allow Ereignishandler zum Entladen explizit zu aktivieren.

  • Edge 152: Entladung-Handler werden standardmäßig für 60 % der Seitenladevorgänge nicht mehr ausgelöst, es sei denn, die Website aktiviert explizit Entladung-Handler über die unload Berechtigungsrichtlinie.
  • Edge 154: Erhöht sich auf 80 % der Seitenladevorgänge.
  • Edge 155: Erhöht sich auf 100 % der Seitenladevorgänge.

Diese Änderung erfolgt im Chromium-Projekt, auf dem Microsoft Edge basiert.

Das Entladung-Ereignis ist keine zuverlässige Methode, um Folgendes zu tun, da Browser und Betriebssysteme Seiten anhalten oder beenden können, ohne das Entladung-Ereignis auszulösen:

  • Speichern von Daten.
  • Führen Sie die Bereinigung durch.
  • Das Ende einer Sitzung melden.

Die Verwendung des Entladungereignisses kann auch verhindern, dass Seiten den Rückwärts-/Vorwärtscache verwenden, wodurch die Rückwärts- und Vorwärtsnavigation langsamer werden kann.

Sie sollten zu Lebenszyklusereignissen und APIs migrieren, die für die oben genannten Szenarien entwickelt wurden. Die langfristige Ausrichtung der Webplattform besteht darin, die Unterstützung für das Entladung-Ereignis zu entfernen.

Siehe auch:

encryptionScheme Attribut für navigator.mediaCapabilities.decodingInfo()

Zusätzlich zu den contentTyperobustness und-Attributen können Sie jetzt das encryptionScheme Attribut beim Abfragen von Medienfunktionen verwenden navigator.mediaCapabilities.decodingInfo(), indem Sie .

Auf diese Weise können Sie bestimmen, ob eine bestimmte Kombination aus Codec, Robustheit und Verschlüsselungsschema auf dem Gerät des Benutzers unterstützt wird, und somit erkennen, ob Ihre verschlüsselten Medien wiedergegeben werden.

Siehe auch:

API zur CPU-Leistung

Mit der CPU-Leistungs-API können Sie die CPU-Leistung des Geräts des Benutzers ermitteln. Sie können diese Informationen verwenden, um eine verbesserte Benutzererfahrung bereitzustellen, möglicherweise in Kombination mit der Compute Pressure-API.

Die Compute Pressure-API liefert Informationen über die CPU-Auslastung oder -Auslastung des Benutzergeräts und ermöglicht Anwendungen, auf Änderungen des CPU-Drucks zu reagieren.

Siehe auch:

CSSPseudoElement-Unterstützung für ::backdrop, ::scroll-markerund ::view-transitions

Die CSSPseudoElement Schnittstelle stellt ein CSS-Pseudoelement dar und kann durch Aufrufen Element.pseudo() oder CSSPseudoElement.pseudo()erhalten werden.

Die CSSPseudoElement Schnittstelle unterstützt jetzt zusätzlich ::backdrop::scroll-markerzu den ::after::before, , und ::view-transitions::marker Pseudoelementen die Pseudoelemente.

Die Verwendung der CSSPseudoElement Schnittstelle mit diesen neuen Pseudoelementen ermöglicht Folgendes:

  • ::backdrop: Nützlich zum Schließen eines Dialogfelds, wenn auf den Hintergrund geklickt wird, ohne Klicks innerhalb des Dialoginhalts zu stören. Dadurch entfällt die Notwendigkeit einer komplexen Schnittmengenlogik, um zu bestimmen, wo der Klick aufgetreten ist.

  • ::scroll-marker: Nützlich für die Erfassung von Klickstatistiken.

  • ::view-transitions: Ermöglicht es, einen Ansichtsübergang während des Fluges abzufangen, um einen neuen Ansichtsübergang zu starten, wobei die Koordinaten des aktuell animierten Elements verwendet werden, um plötzliche visuelle Sprünge zu vermeiden.

Siehe auch:

Zulassungslisten für Verbindungen

Mit Zulassungslisten für Verbindungen können Sie explizite Zulassungslisten für Netzwerkendpunkte deklarieren und erzwingen, die über Netzwerk-APIs wie die Fetch-API erreicht werden können. Dadurch wird die Kontrolle über ausgehende Netzwerke verbessert und das Risiko unbeabsichtigter Verbindungen verringert.

Die Liste der autorisierten Endpunkte wird vom Server über den Connection-Allowlist HTTP-Antwortheader verteilt. Bevor eine Verbindung mit einem Server hergestellt wird, wertet der Browser das Ziel anhand dieser Zulassungsliste aus. Verbindungen mit verifizierten Endpunkten sind zulässig, aber Ziele, die keine Einträge in der Zulassungsliste aufweisen, werden blockiert.

Siehe auch:

OpaqueRange für Formularsteuertext

Wird verwendet OpaqueRange , um eine Live-Textspanne innerhalb des Werts eines Formularsteuerelements darzustellen, z. B. ein <textarea> oder textbasierte <input>.

OpaqueRange Ermöglicht Folgendes, um Textbereiche zu bearbeiten:

  • Vorgänge wie getBoundingClientRect() und getClientRects().
  • Integration mit der API für benutzerdefinierte CSS-Hervorhebungen.

Dies ermöglicht Szenarien wie Inlinevorschläge, Hervorhebungen und verankerte Popover.

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

Siehe auch:

WebGPU: Steuerung der Untergruppengröße

Mit dem GPU-Feature subgroup-size-control können Sie die Größe der Untergruppe in einem Compute-Shader explizit festlegen.

Dies ist nützlich, wenn Sie die Leistung eines Compute-Shaders auf bestimmten Plattformen optimieren müssen, z. B. für KI-Workloads.

Siehe auch:

audioSelection:preferred Option für getDisplayMedia()

Die getDisplayMedia() Methode unterstützt jetzt diese audioSelection:preferred Option.

Mit dieser Option können Sie dem Browser mitteilen, dass Sie die Audiofreigabe zusammen mit Video bevorzugen.

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
Heuristiken der weichen Navigation Macht Soft-Navigations-Heuristiken zum Erfassen von Leistungsmetriken in Single-Page-Apps verfügbar. 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
<install> HTML-Element Deklaratives Installieren anderer Websites als Web-Apps mithilfe des <install> Elements Registrieren
focus-without-user-activation Berechtigungsrichtlinie Ermöglicht einem Embedder die Kontrolle über den programmatischen Fokus von eingebetteten Inhalten über die focus-without-user-activation Berechtigungsrichtlinie. Wenn die Richtlinie für einen Frame abgelehnt wird, werden programmgesteuerte Fokusaufrufe (element.focus(), autofocus, dialog.showModal()window.focus(), und Popover-Fokuseinstellung) blockiert, es sei denn, sie werden durch eine Benutzeraktivierung ausgelöst oder der Fokus wird delegiert. Registrieren
Erweiterte Canvas TextMetrics Erweitert die TextMetrics Canvas-API und fügt Auswahlrechtecke, Begrenzungsrahmenabfragen und Glyphenclustervorgänge hinzu. Registrieren
WebAudio Konfigurierbares Rendern Quantum Hiermit können Sie beim Erstellen eines AudioContext oder OfflineAudioContexteine benutzerdefinierte Renderquantumgröße angeben. 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
Prompt-API-Stichprobenparameter temperature Mit den topK Samplingparametern und können Sie das Modellverhalten pro Sprachmodellsitzung optimieren. Registrieren
Deklarative CSS-Modulskripts Teilt deklarative Stylesheets mit Schattenstämmen, einschließlich deklarativer Schattenstämme, mithilfe von Inline-Formatvorlagenmodulen. 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
HTML im Zeichenbereich Ermöglicht das Rendern von HTML in einem Zeichenbereich mithilfe neuer Zeichenmethoden und des Ereignisses paint . 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
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
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
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
Vorausrendern ursprungsübergreifender Iframes Rendert ursprungsübergreifende iframes über einen Opt-in-Antwortheader vorab, anstatt sie bis zur Seitenaktivierung zu verzögern. Registrieren
Benutzerdefinierte WebAssembly-Deskriptoren V2 Speichert Daten, die Typen auf Quellebene zugeordnet sind, effizienter in benutzerdefinierten Deskriptorobjekten. 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
Zusätzliche WebCrypto-Algorithmen Ermöglicht die Verwendung zusätzlicher WebCrypto-Algorithmen, einschließlich einiger PQ-Algorithmen. Aktivierte Algorithmen: ChaCha20-Poly1305, ML-DSA-44, ML-DSA-65, ML-DSA-87, ML-KEM-768, ML-KEM-1024, MLKEM768-X25519. Registrieren
WebRTC-Datenkanal: SCTP Negotiation Acceleration Protocol (SNAP) SNAP reduziert die Startlatenz des WebRTC-Datenkanals, indem SCTP-Verbindungssetupparameter in den SDP-Angebots-/Antwortaustausch eingebettet werden. Da WebRTC bereits DTLS zum Einrichten eines sicheren Kanals verwendet, kann der separate SCTP-Handshake vermieden werden, wodurch bis zu zwei Netzwerk-Roundtrips eingespart werden und eine schnellere Datenkanaleinrichtung ermöglicht wird. 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