Versionshinweise zur Webplattform Microsoft Edge 150 (Juli 2026)

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

WebView2

Siehe Release SDK 1.0.4078.44 für Runtime 150 (7. Juli 2026) in den Versionshinweisen für das WebView2 SDK.

CSS-Features

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

AccentColor und AccentColorText Systemfarben

Die AccentColor Systemfarben und AccentColorText können jetzt als CSS-Farbwerte verwendet werden, um auf die Systemakzentfarbe zuzugreifen, die auf dem Gerät des Benutzers angegeben ist.

Siehe auch:

Optionale Rundungsparameter zulassen für polygon()

Ermöglicht einen optionalen round Parameter in der polygon() CSS-Formfunktion. Sie können einen Längenwert angeben, um Polygonecken zu runden, ohne Bezierkurven manuell zu berechnen.

So erstellen Sie beispielsweise ein abgerundetes Dreieck: polygon(round 50px, 50% 0%, 0% 100%, 100% 100%)

Siehe auch:

Animierbarer Zoom

Die CSS-Eigenschaft zoom kann animiert werden und interpoliert als .<number> Sie können den Übergang und den Zoom animieren, um Elemente und deren Layout sanft zu skalieren und die vorhandene transformierungsbasierte Skalierung zu ergänzen.

Siehe auch:

Modifizierer für CSS-URL-Anforderungen

Die folgenden CSS-Funktionen können mit der CSS-Funktion url() verwendet werden, um das Abrufverhalten der referenzierten Ressource zu steuern:

  • cross-origin()
  • integrity()
  • referrer-policy()

Ruft das Image beispielsweise background-image: url("image.png" cross-origin(anonymous)) im anonymen CORS-Modus ab.

Auf diese Weise erhalten Sie eine fein abgestufte Kontrolle über den ursprungsübergreifenden Zugriff, die Integrität von Unterressourcen und die Referrer-Richtlinie für CSS-geladene Ressourcen, einschließlich:

  • Images.
  • Schriftarten.
  • SVG-Referenzen.
  • Importierte Stylesheets.

Siehe auch:

text-fit CSS-Eigenschaft

Die CSS-Eigenschaft text-fit skaliert den Schriftgrad eines Textknotens so, dass er perfekt auf die Breite des enthaltenden Felds passt.

Mit dieser Eigenschaft können Sie sicherstellen, dass Überschriften oder dynamischer Inhalt den verfügbaren horizontalen Platz ausfüllen, ohne manuelle Berechnungen des Schriftgrads oder komplexe JavaScript-Problemumgehungen.

Diese Eigenschaft bietet eine robuste, CSS-native Lösung für responsive Typografie, die die visuelle Ausrichtung über unterschiedliche Bildschirmgrößen und unterschiedliche Textlängen hinweg beibehält.

Siehe auch:

CSS background-clip: border-area

Die CSS-Eigenschaft background-clip: border-area schneidet den Hintergrund eines Elements unter Berücksichtigung border-width von und border-style in den Bereich, der durch seine Rahmenstriche gezeichnet ist, während die Transparenz von border-colorignoriert wird.

Dadurch werden Farbverlaufsränder ohne border-imageermöglicht.

Siehe auch:

image(<color>) CSS

Mit der CSS-Funktion image() können Sie auf einfache Weise ein Volltonbild aus jeder Farbe generieren.

Um beispielsweise ein einheitlich rotes Hintergrundbild zu erstellen, verwenden Sie background: image(red);.

Siehe auch:

light-dark() CSS mit Bildwerten

Die CSS-Funktion light-dark() akzeptiert jetzt Bildwerte (url(), image-set(), none).

Dadurch ist es möglich, automatisch zwischen Bildern basierend auf dem bevorzugten Farbschema des Benutzers zu wechseln.

Sie können die light-dark() Funktion mit Bildwerten in den folgenden Eigenschaften verwenden:

  • background-image
  • list-style-image
  • border-image-source
  • cursor
  • content

Siehe auch:

Trennzeichen getrennte Containerabfragen

Die @container Regel unterstützt jetzt mehrere Containerabfragen, die durch Kommas getrennt sind. Die @container Regel wird angewendet, wenn mindestens eine der Abfragen zutrifft.

Dadurch ist es möglich, Fallbackabfragen für Features durchzuführen, die nicht in allen Browsern unterstützt werden.

Beispiel:

@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}

Siehe auch:

Nicht druckbare Bereiche über CSS belichten

Verwenden Sie die CSS-Eigenschaft page-margin-safety , um zu vermeiden, dass versucht wird, in nicht druckbare Bereiche eines Blatt Papiers zu drucken.

Ein Drucker hat in der Regel an jedem der vier Kanten eines Blatt Papiers eine kleine Fläche, die der Drucker nicht zuverlässig markieren kann, was in der Regel auf den Papierhandhabungsmechanismus des Druckers zurückzuführen ist.

Es wird erwartet, dass die Standardseitenränder größer sind als diese Papierkantenbereiche. Wenn Sie jedoch in Ihrer App Ränder festlegen und Randrahmen hinzufügen @page möchten (z. B. für benutzerdefinierte Kopf- und Fußzeilen), bietet die page-margin-safety Eigenschaft eine Möglichkeit zu erkennen, wo das Drucken sicher ist.

Siehe auch:

named-feature() für CSS @supports

Die named-feature() Funktion ermöglicht es CSS-Regeln @supports , eine kleine Anzahl spezifischer benannter Merkmale abzufragen, die mit anderen @supports Mechanismen nicht getestet werden können, die aber wertvoll sind.

Siehe auch:

overscroll-behavior: chain

Die overscroll-behavior CSS-Eigenschaft unterstützt jetzt den chain Wert.

Diese Eigenschaft wirkt sich auf zwei unabhängige Effekte aus:

  • Ausbreitung durch Bildlauf.
  • Lokaler Rahmeneffekt (z. B. Überscrollen).

Zuvor hatte es drei Werte: overscroll-behavior

  • none: Keine Vermehrung, kein lokaler Effekt.
  • auto: Vermehrung, lokale Wirkung.
  • contain: Keine Vermehrung, lokaler Effekt.

Dieses Feature fügt einen neuen Wert hinzu, um die Gruppe zu vervollständigen:

  • chain: Vermehrung, kein lokaler Effekt.

Siehe auch:

flex-wrap:balance

flex-wrap:balance ermöglicht es Ihnen, Inhalte zwischen den einzelnen flex-linezu verteilen, damit das Layout ausgewogener erscheint.

Dies ist ähnlich wie text-wrap:balance.

Siehe auch:

HTML-Features

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

focusgroup Attribut

Das HTML-Attribut focusgroup standardisiert die Tastaturnavigation für zusammengesetzte Widgets wie Symbolleisten, Registerkarten, Menüs und Optionsgruppen.

Das focusgroup Attribut verarbeitet automatisch Folgendes, ohne dass benutzerdefinierter JavaScript-Code erforderlich ist:

  • Der umherstreifende Tabindex.
  • Navigation über Pfeiltasten.
  • Fokusgedächtnis; Stellt das zuletzt fokussierte Element beim erneuten Eintritt in die Fokusgruppe wieder her.

Beispiel:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

Siehe auch:

popover="hint" Änderungen des Attributverhaltens

Das Verhalten von Elementen mit dem popover="hint" Attribut wurde geändert, um die Interaktionen mit popover="auto" Elementen zu verbessern: Beim Öffnen eines popover="hint" Elements werden nicht mehr versehentlich nicht verknüpfte popover="auto" Elemente geschlossen.

Bisher konnten die Interaktionen zwischen diesen beiden Arten von Popoverelementen in einigen Situationen komplex sein, z. B. beim Verschachteln popover="auto" von Elementen in popover="hint" Elementen.

popover="hint" Elemente werden jetzt nur ausgeblendet, wenn ihr Vorgängerelement popover="auto" ausgeblendet wird oder wenn ein neues, nicht verwandtes popover="auto" Element geöffnet wird.

Darüber hinaus können Sie jetzt ein popover="auto" Element sicher innerhalb eines popover="hint" Elements schachteln. Das geschachtelte popover="auto" Element verhält sich wie ein popover="hint" Element. Dies ermöglicht Anwendungsfälle wie das Platzieren eines anpassbaren <select> Elements innerhalb eines popover="hint" Elements.

Siehe auch:

Aktualisieren aller <selectedcontent> Elemente in einer anpassbaren <select>

Wenn mehrere <selectedcontent> Elemente in einem anpassbaren <select> Element definiert sind, werden jetzt alle Elemente mit der aktuell ausgewählten Option auf dem neuesten Stand gehalten, anstatt nur mit dem ersten in der DOM-Reihenfolge.

Siehe auch:

Streamen von HTML-Code außerhalb der Reihenfolge

Verwenden Sie das <template for> HTML-Element und die <?start> Anweisungsbereiche für <?end> und, um vorhandene Teile des Dokuments zu aktualisieren, ohne JavaScript verwenden zu müssen.

Dieses Feature ist Teil einer größeren Initiative, um integrierte Unterstützung für Updates desselben Dokuments im Web hinzuzufügen.

Siehe auch:

Web-APIs

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

SVG-Filter für ursprungsübergreifende Iframes und Plug-Ins deaktivieren

SVG-Filter werden nicht mehr auf Folgendes angewendet:

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

Dadurch wird verhindert, dass potenzielle Sicherheitsprobleme durch die Verarbeitung ursprungsübergreifender Inhalte durch SVG-Filtereffekte entstehen.

Siehe auch:

MediaStreamTrackProcessor Framezähler

totalFrames Die discardedFrames Und-Attribute sind jetzt auf der MediaStreamTrackProcessor Benutzeroberfläche verfügbar.

Mit diesen Leistungsindikatoren können Sie die Integrität Ihrer Medienverarbeitungspipeline überwachen, indem Sie Folgendes nachverfolgen:

  • Die Anzahl der empfangenen Frames.
  • Die Anzahl der Frames, die aufgrund von Systemressourceneinschränkungen verworfen wurden.

Siehe auch:

Undurchsichtiger Ursprung für data: URLs

Dedizierten Workern und freigegebenen Workern, die aus data: URLs erstellt werden, wird jetzt ein eindeutiger, nicht transparenter Ursprung zugewiesen, anstatt den Ursprung des Erstellers zu erben.

Dadurch wird Edge am HTML-Standard ausgerichtet und die Sicherheit verbessert, indem diese Worker vom gleichen Ursprungszustand isoliert werden, z. BBroadcastChannellocalStorage. , , und IndexedDB.

Um Isolationsgrenzen beizubehalten, verbleiben diese Worker in derselben Speicherpartition wie ihr Ersteller (z. B. nach Top-Level-Site oder Nonce).

Siehe auch:

Migration des PWA-Ursprungs

Die Ursprungsmigration der Web-App ermöglicht einer progressiven Web-App (PWA) die Migration zu einem neuen Ursprung unter Beibehaltung der Vertrauensstellung, des Installationsstatus und der anwendbaren Berechtigungen.

Auf diese Weise können Teams Apps sicher zwischen Domänen verschieben, ohne dass Benutzer eine Neuinstallation erzwingen.

Siehe auch:

Benachrichtigung erhalten, wenn die scrollByscrollTo und-Methoden abgeschlossen sind

Programmgesteuerte Scrollmethoden wie scrollBy und scrollTogeben nun ein Promise Objekt zurück, das nach Abschluss des Bildlaufs aufgelöst wird. Verwenden Sie diese Zusage, um Code nach Abschluss eines reibungslosen Scrollens auszuführen, ohne sich auf einen Timer oder Scroll-Event-Abruf zu verlassen.

Siehe auch:

Web Speech-API: Qualität der Geräteerkennung

Die SpeechRecognition Oberfläche unterstützt jetzt die quality Eigenschaft.

Mit dieser quality Eigenschaft können Sie die semantische Fähigkeit angeben, die für die Erkennung erforderlich ist, wobei processLocally: true, auch bekannt als On-Device-Erkennung, verwendet wird.

Die Werte, die von der Eigenschaft unterstützt werden, entsprechen steigender quality Aufgabenkomplexität und Hardwareanforderungen:

  • command
  • dictation
  • conversation

Mithilfe der quality Eigenschaft können Sie bestimmen, ob das Gerät Ihren Anwendungsfall mithilfe der Erkennung auf dem Gerät verarbeiten kann, oder ob Sie auf einen Clouderkennungsdienst zurückgreifen sollten.

Siehe auch:

WebGPU: Sofort verfügbar

WebGPU unterstützt jetzt Sofortige.

Dieses Feature fügt einen immediate Adressraum in WGSL und setImmediateData() Methoden für Render-Pass-, Compute-Pass- und Render-Bundle-Encoder hinzu. Sie können diese APIs verwenden, um kleine, häufig aktualisierte Werte an Shader zu übergeben, ohne GPU-Puffer oder Bindungsgruppen zu erstellen.

Dies ist nützlich für Daten pro Zeichnung, z. B. Objektindizes, Materialindizes und Transformationswerte.

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
Prompt-API Prompts ein integriertes Sprachmodell aus dem JavaScript-Code Ihrer Website oder Erweiterung. Siehe auch Prompt-API. Registrieren
Benutzerdefinierte WebAssembly-Deskriptoren Speichert Daten, die Typen auf Quellebene zugeordnet sind, effizienter in benutzerdefinierten Deskriptorobjekten. Registrieren
Heuristiken der weichen Navigation Macht Soft-Navigations-Heuristiken zum Erfassen von Leistungsmetriken in Single-Page-Apps verfügbar. Registrieren
WebNN Erstellen und führen Sie hardwarebeschleunigte Modelle für maschinelles Lernen direkt in Ihrer Web-App aus. 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
OpaqueRange Ermöglicht die Erstellung von Livebereichen über Text darin <input> und <textarea> Elemente, die automatisch aktualisiert werden, wenn der Benutzer etwas bearbeitet. Diese Bereiche unterstützen Geometriemethoden wie getBoundingClientRect() die CSS Custom Highlight API, die Anwendungsfälle wie Popups mit Caret-Position und Inline-Rechtschreibprüfung direkt auf Formularsteuerelementen ermöglicht, ohne Elemente zu klonen oder interne DOM-Strukturen verfügbar zu machen. 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
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 um Auswahlrechtecke, Begrenzungsrahmenabfragen und Glyphenclustervorgänge. Registrieren
<usermedia> HTML-Element Ein browsergesteuertes HTML-Element zum Anfordern des Kamera- oder Mikrofonzugriffs, das JavaScript-basierte Berechtigungsanfragen ersetzt. 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
Prompt-API-Stichprobenparameter temperature Mit den topK Samplingparametern und können Sie das Modellverhalten pro Sprachmodellsitzung optimieren. Registrieren
<install> HTML-Element Deklaratives Installieren anderer Websites als Web-Apps mithilfe des <install> Elements Registrieren
Deklarative CSS-Modulskripts Teilt deklarative Stylesheets mit Schattenstämmen, einschließlich deklarativer Schattenstämme, mithilfe von Inline-Formatvorlagenmodulen. 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
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
Benutzerdefinierte WebAssembly-Deskriptoren V2 Speichert Daten, die Typen auf Quellebene zugeordnet sind, effizienter in benutzerdefinierten Deskriptorobjekten. 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

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