Versionshinweise zur Microsoft Edge 151-Webplattform (Juli 2026)

Im Folgenden finden Sie die neuen Webplattformfeatures und -updates in Microsoft Edge 151, die am 30. Juli 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:

• Microsoft Edge DevTools
• WebView2
• CSS-Features
  • CSS-Eigenschaft ruby-overhang
  • position-anchor Der Anfangswert wurde in geändert.normal
  • CSS-Funktion alpha()
  • animation-trigger Aktionen nicht mehr automatisch zurückspulen
• HTML-Features
  • <usermedia> Element
  • Referenzziel
  • aria-actions Attribut
  • shadowrootslotassignment Attribut für deklaratives Schatten-DOM
• Web-APIs
  • Anforderungs-API für Geräteereignisberechtigungen
  • Doppelte aufeinanderfolgende Navigationen werden ignoriert.
  • Ursprungsübergreifende Umleitungssteuerung in der Navigationssteuerungs-API
  • LanguageDetector-Unterstützung für traditionelles und vereinfachtes Chinesisch
  • soft-navigation und interaction-contentful-paint Leistungseinträge
  • FontFaceSet Die Schnittstelle global verfügbar gemacht
  • Spekulationsregeln: form_submission Feld
  • Wheel-Ereignis gibt an, ob ein Momentum-Bildlauf
  • XML-Analyse in Rust für Nicht-XSLT-Szenarien
  • textStream() -Methode für Response, Requestund Body
• Ursprungstests

Microsoft 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-Eigenschaft ruby-overhang

Die ruby-overhang CSS-Eigenschaft legt fest, ob Ruby-Anmerkungen angrenzenden Text überlappen können.

Die -Eigenschaft akzeptiert die autospaces - und none -Werte, um den Überhang von Ruby-Anmerkungstext zu steuern.

Siehe auch:

• <ruby> HTML-Ruby-Anmerkungselement bei MDN.
• ruby-overhang CSS-Eigenschaft bei MDN.

position-anchor Der Anfangswert wurde in geändert.normal

Der Anfangswert für die CSS-Eigenschaft position-anchor ist jetzt normal. Zuvor war noneder Anfangswert .

Dadurch wird Microsoft Edge an anderen Browsern und an der Ankerpositionierungsspezifikation ausgerichtet.

• Wenn position-area auf nonefestgelegt ist, normal verhält sich wie none.
• Wenn position-area nicht auf nonefestgelegt ist, normal verhält sich wie auto.

Siehe auch:

• position-anchor CSS-Eigenschaft bei MDN.
• position-area CSS-Eigenschaft bei MDN.

CSS-Funktion alpha()

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

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

Siehe auch:

• Relative Alphafarben in CSS-Farbmodulebene 5.

animation-trigger Aktionen nicht mehr automatisch zurückspulen

Die Werte play, play-forwards und play-backwards der animation-trigger CSS-Eigenschaft weisen den Animationstrigger an, die Animation wiederzugeben.

Diese Werte werden die Animation nicht mehr automatisch zurückspulen: Wenn die Animation bereits abgeschlossen ist und playverwendet play-forwards wird oder play-backwards verwendet wird, wird die Animation nicht neu gestartet.

Siehe auch:

• Durch CSS-Bildlauf ausgelöste Animationen sind verfügbar!

HTML-Features

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

<usermedia> Element

Das <usermedia> HTML-Element ist eine vom Browser bereitgestellte Schaltfläche, die nach der Aktivierung Kamera- oder Mikrofonstreams umschalten kann. Bei Bedarf fordert die Schaltfläche den Benutzer auf, auszuwählen, ob der Seite Zugriff auf die Kamera und das Mikrofon gewährt werden soll.

Diese im Browser bereitgestellte Schaltfläche ermöglicht eine bessere Benutzererfahrung, da die Berechtigungsaufforderung direkt mit der Benutzerabsicht verknüpft ist.

Das <usermedia> -Element war zuvor als Ursprungstest unter dem generischeren <permission> Element verfügbar. Basierend auf dem Feedback von Entwicklern und anderen Browseranbietern wurde das <permission> Element in das spezifische <usermedia> Element umbenannt, um eine maßgeschneiderte und leistungsfähigere Entwicklerumgebung zu bieten.

Siehe auch:

• <usermedia> -Element im Repository "WICG / PEPC"

Referenzziel

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

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

Ein Verweisziel kann auch in HTML festgelegt werden, indem das shadowrootreferencetarget -Attribut verwendet wird, 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:

• referencetarget, in Element: attachShadow() method, at MDN.
• Shadowroot.referencetarget, in ShadowRoot, bei MDN.
• shadowrootreferencetarget, im <template> HTML-Inhaltsvorlagenelement bei MDN.

aria-actions Attribut

Das aria-actions HTML-Attribut macht sekundäre Aktionen für zusammengesetzte interaktive Widgets verfügbar.

Sie können z. B. das aria-actions -Attribut verwenden, um die Schaltfläche zum Schließen einer Registerkarte verfügbar zu machen, bei der es sich um eine sekundäre Aktion für das Registerkartenwidget handelt:

<div class="tab" aria-actions="close-tab">
  Tab title
  <button id="close-tab">Close</button>
</div>

Sekundäre Aktionen, die in zusammengesetzten interaktiven Widgets platziert werden, sind ein gängiges Benutzeroberflächenmuster. Mit aria-actions dem Attribut können Sie diese sekundären Aktionsschaltflächen direkt verfügbar machen, um die Erkennbarkeit für Benutzer von Hilfstechnologien (Assistive Technology, AT) zu verbessern.

Siehe auch:

• Feature: aria-actions unter Chrome-Plattformstatus.

shadowrootslotassignment Attribut für deklaratives Schatten-DOM

Das shadowrootslotassignment -Attribut des <template> -Elements ermöglicht deklarativen Schattenwurzeln die Verwendung der manuellen Slotzuweisung.

Zuvor war die manuelle Slotzuweisung wie folgt nur über JavaScript verfügbar:

attachShadow({slotAssignment: "manual"})

Sie können nun die manuelle Slotzuweisung über HTML wie folgt deklarieren:

<template shadowrootslotassignment="manual">
</template>

Siehe auch:

• ShadowRoot: slotAssignment-Eigenschaft bei MDN.

Web-APIs

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

Anforderungs-API für Geräteereignisberechtigungen

Sie können und DeviceOrientationEvent.requestPermission() aufrufenDeviceMotionEvent.requestPermission(), um den Browser nach Bewegungs- und Ausrichtungsdaten des Geräts aufzufordern, die für die Webseite freigegeben werden sollen.

Diese Methoden geben eine Zusage zurück, die entweder granted in oder deniedaufgelöst wird, je nachdem, ob der Benutzer dem Benutzer-Agent die Freigabe von Sensordaten für die Seite gestattet hat.

Siehe auch:

• DeviceMotionEvent: statische RequestPermission()-Methode bei MDN.
• DeviceOrientationEvent: statische RequestPermission()-Methode bei MDN.

Doppelte aufeinanderfolgende Navigationen werden ignoriert.

Wenn eine Navigation bereits ausgeführt wird, ignoriert Microsoft Edge jetzt eine neue Navigationsanforderung an dieselbe URL wie die vorherige Navigationsanforderung.

Doppelte Navigationen in schneller Folge werden häufig durch einen versehentlichen Doppelklick verursacht. Doppelte Navigationen können Ressourcen verschwenden, indem die laufende Navigation abgebrochen und eine neue Navigation gestartet wird. Diese Optimierung verbessert die Leistung und die Benutzererfahrung.

Siehe auch:

• Experimentieren Sie mit der Beibehaltung der älteren Navigation bei doppelter Navigation im Chromium BugTracker.

Ursprungsübergreifende Umleitungssteuerung in der Navigationssteuerungs-API

Der Timing-Allow-Origin -Header stellt bei Verwendung in Ketten von ursprungsübergreifenden Umleitungen Werte für redirectCountund redirectStartredirectEnd für das Zieldokument über die Navigationssteuerungs-API bereit.

Auf diese Weise können Sie Ihre ursprungsübergreifenden Umleitungen messen und optimieren.

Siehe auch:

• Navigationssteuerung bei MDN.
• Timing-Allow-Origin-Header bei MDN.

LanguageDetector-Unterstützung für traditionelles und vereinfachtes Chinesisch

Die LanguageDetector-API kann jetzt Text erkennen und unterscheiden, der in traditionellem oder vereinfachtem Chinesisch geschrieben ist.

Die LanguageDetector-API gibt den Sprachcode zh-Hant für traditionelles Chinesisch und zh-Hans für vereinfachtes Chinesisch zurück. Zuvor wurde die LanguageDetector-API sowohl für traditionelles chinesisch als auch für vereinfachtes Chinesisch zurückgegeben zh .

Siehe auch:

• Erkennen von Sprachen mit der Spracherkennungs-API
• LanguageDetector-API

soft-navigation und interaction-contentful-paint Leistungseinträge

Die Leistungs-API enthält jetzt zwei neue PerformanceEntry Typen:

• soft-navigation – Meldet Verlaufszustandsänderungen im gleichen Dokument, die durch Interaktionen initiiert werden.
• interaction-contentful-paint – Meldet neue inhaltsbehaftete Farben in Teilen der Seite, die durch eine Benutzerinteraktion geändert wurden. Dies hilft Ihnen, die Wartezeit beim Laden von Interaktionen zu verstehen.

Verwenden Sie diese neuen Einträge, um die Leistung von soften Navigationsvorgängen zu messen. Eine weiche Navigation ist eine JavaScript-gesteuerte Navigation in einer Single-Page-App (SPA).

Siehe auch:

• PerformanceEntry bei MDN.
• Leistungs-APIs bei MDN.

FontFaceSet Die Schnittstelle global verfügbar gemacht

Die FontFaceSet Schnittstelle wird jetzt global verfügbar gemacht.

Zuvor wurde die FontFaceSet Schnittstelle nicht als globale Eigenschaft verfügbar gemacht.

Diese Änderung richtet Microsoft Edge an der CSS-Spezifikation zum Laden von Schriftarten sowie an Safari und Firefox aus.

Siehe auch:

• FontFaceSet bei MDN.

Spekulationsregeln: form_submission Feld

Sie können jetzt das "form_submission": true Feld für eine Prerenderregel in der Spekulationsregeln-API festlegen, damit der Prerender durch eine Formularübermittlungsnavigation aktiviert werden kann.

Zuvor konnten Formularübermittlungen niemals eine vorab renderte Seite aktivieren. Jetzt weist die Einstellung "form_submission": true den Browser an, den Prerender vorzubereiten, sodass der Prerender sofort aktiviert wird, wenn der Benutzer ein Formular sendet, dessen Ergebnis-URL mit der vorabrenderten URL übereinstimmt.

Dies ist nützlich für Suchformulare, bei denen die Ergebnis-URL im Voraus vorhergesagt werden kann. Um beispielsweise das Ergebnis eines Suchformulars, das zu navigiert, vorab zu /search?q=foorendern, verwenden Sie die folgenden Spekulationsregeln:

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["/search?q=foo"],
      "form_submission": true
    }
  ]
}
</script>

Siehe auch:

• Spekulationsregeln-API bei MDN.

Wheel-Ereignis gibt an, ob ein Momentum-Bildlauf

Die WheelEvent -Schnittstelle enthält jetzt ein momentum -Attribut, das angibt, ob das Ereignis Teil eines Momentum-Bildlaufs ist.

Das momentum Attribut ist z. B. auf einem Gerät mit einem Trackpad nützlich, auf dem der Benutzer eine Drehbewegung ausführen kann, um inhalte zu scrollen. Viele Geräte lösen nach dem Stopp der Trackpadbewegung noch eine Weile Radereignisse aus, um die Scrollträgheit zu simulieren. Das momentum Attribut unterscheidet diese simulierten Ereignisse von den Ereignissen, die während der physischen Trackpadinteraktion ausgelöst werden.

Siehe auch:

• WheelEvent bei MDN.

XML-Analyse in Rust für Nicht-XSLT-Szenarien

Microsoft Edge verwendet jetzt einen Rust-basierten XML-Parser in Szenarien, in denen keine XSLT-Verarbeitung erforderlich ist.

Der Rust-XML-Parser verbessert die Sicherheit, indem Speicherbeschädigungsfehler bei der XML-Analyse beseitigt werden. Dies gilt für:

• Die DOMParser-Web-API.
• Die responseXML -Eigenschaft für ein XMLHttpRequest (XHR)-Objekt.
• SVG-Dokumente.

Siehe auch:

• DOMParser bei MDN.

textStream() -Methode für Response, Requestund Body

Die RequestSchnittstellen , Responseund Blob enthalten jetzt eine textStream() -Methode.

Die textStream() -Methode bietet eine direkte Möglichkeit zum Lesen von Text aus einem Bytedatenstrom, ohne dass der Datenstrom zuerst über eine TextDecoderStream()geleitet werden muss.

Siehe auch:

• Anfordern bei MDN.
• Antwort an MDN.
• Blob bei MDN.
• TextDecoderStream bei MDN.

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.