Freigeben über

Versionshinweise zur Microsoft Edge 135-Webplattform (Apr. 2025)

  • Artikel

Im Folgenden finden Sie die neuen Webplattformfeatures und -updates in Microsoft Edge 135, die am 3. April 2025 veröffentlicht werden.

Um auf dem neuesten Stand zu bleiben und die neuesten Webplattformfeatures zu erhalten, laden Sie eine Insider-Version von Microsoft Edge herunter, z. B. Canary, Dev oder Beta. Weitere Informationen finden Sie unter Werden Sie microsoft Edge Insider.

Ausführlicher Inhalt:

Edge DevTools

Weitere Informationen finden Sie unter Neuerungen in Microsoft Edge DevTools.

WebView2

Weitere Informationen finden Sie in den Versionshinweisen für das WebView2 SDK.

Webplattformfeatures

CSS-Features

Das ::column CSS-Pseudoelement stellt die einzelnen Spalten in einem mehrspaltigen Container dar.

Der Container kann mit einer begrenzten Anzahl von CSS-Eigenschaften formatiert werden.

Der Container kann durch seinen Scrollcontainer mithilfe ::scroll-marker von Pseudoelementen angedockt werden.

Die ::scroll-marker Pseudoelemente und ::scroll-markers-group ermöglichen das Erstellen einer Reihe von fokussierbaren Markern innerhalb eines Scrollcontainers.

Der Satz von fokussierbaren Markern wird verwendet, um den Bildlaufcontainer an bestimmten Positionen anzudockt.

Das ::scroll-button() Pseudoelement ermöglicht das Erstellen von Scrollschaltflächen als Pseudoelemente eines Scrollcontainers.

Die Scrollschaltflächen werden verwendet, um den Container in die Richtung der Schaltfläche zu scrollen, wenn auf die Scrollschaltflächen geklickt wird.

Formatieren geschachtelter Pseudoelemente

Pseudoelemente, die in anderen Pseudoelementen geschachtelt sind, können jetzt mithilfe ::before::marker von und ::after::markerformatiert werden.

::column::scroll-marker wird noch nicht unterstützt.

CSS-Eigenschaft interactivity

Die CSS-Eigenschaft interactivity gibt an, ob ein Element und dessen flache Struktur-Nachfolger (einschließlich Textausführungen) inert sind oder nicht.

Wenn ein Element inert wird, wirkt sich dies auf Folgendes aus:

  • Gibt an, ob das Element von "Auf Seite suchen" fokussiert, bearbeitet, ausgewählt und durchsucht werden kann.
  • Gibt an, ob das Element in der Zugriffsstruktur sichtbar ist.
Logische CSS-Überlaufeigenschaften

Die overflow-inline CSS-Eigenschaften und overflow-block ermöglichen das Festlegen des Überlaufs in Inline- und Blockrichtung relativ zum Schreibmodus.

  • Im horizontalen Schreibmodus overflow-inline wird zugeordnet overflow-x.
  • Im vertikalen Schreibmodus overflow-inline wird zugeordnet.overflow-y
CSS abs() und sign() Funktionen

Die abs(A) Funktion gibt den absoluten Wert von A als denselben Typ wie die Eingabe zurück. Der Rückgabetyp ist ein <number>.

Die sign(A) Funktion gibt Folgendes zurück:

  • -1 , wenn der numerische Wert von A negativ ist.
  • +1 , wenn der numerische Wert von A positiv ist.
  • 0 sonst.

Der Rückgabetyp ist ein <number>.

CSS-Ankerpositionierung: Gespeicherter Bildlaufoffset

Wenn ein positioniertes Element über einen Standardanker verfügt und an einer Kante und gegenüber dem ursprünglichen enthaltenden Block am anderen Rand mit diesem Anker verknüpft ist, wird der Bildlaufoffset bei der Größenanpassung des Elements berücksichtigt.

Die Berücksichtigung des Bildlaufoffsets bei der Größenanpassung des Elements ermöglicht die Verwendung des gesamten sichtbaren Platzes für das verankerte Element (mithilfe von position-area), wenn das Dokument bei einem bestimmten Bildlaufoffset gescrollt wird.

Um zu vermeiden, dass die Größe des Elements jedes Mal geändert wird, wenn das Dokument gescrollt wird, wird das Konzept des "gespeicherten Bildlaufoffsets" verwendet, anstatt immer den aktuellen Bildlaufoffset zu verwenden.

CSS-Eigenschaft dynamic-range-limit

Die dynamic-range-limit CSS-Eigenschaft ermöglicht das Einschränken der maximalen Helligkeit von HDR-Inhalten (High Dynamic Range).

CSS-Funktion shape()

Die shape() CSS-Funktion ermöglicht die Verwendung von Freiform- und reaktionsfähigen Shapes in der clip-path -Eigenschaft.

Sie können eine Reihe von Verben definieren, die den Verben in der path() Funktion entsprechen.

Sie können reaktionsfähige Einheiten % wie oder vwverwenden.

Sie können CSS-Werte verwenden, z. B. benutzerdefinierte Eigenschaften.

CSS-Funktionen progress()

Die progress()Funktionen , media-progress()und container-progress() stellen den proportionalen Abstand eines angegebenen Werts (des Statuswerts) von einem Wert (dem Statusstartwert) zu einem anderen Wert (dem Statusendwert) dar.

  • progress() ermöglicht das Zeichnen eines Fortschrittsverhältnisses aus mathematischen Funktionen.
  • media-progress() ermöglicht das Zeichnen eines Fortschrittsverhältnisses aus Medienfeatures.
  • container-progress() ermöglicht das Zeichnen eines Statusverhältnisses aus Containerfeatures.
safe-area-max-inset-* variablen

Die safe-area-max-inset-topUmgebungsvariablen , safe-area-max-inset-right, safe-area-max-inset-bottomund safe-area-max-inset-left sind an die Variablen für die Einsetvariablen für den sicheren Bereich gebunden, stellen jedoch den maximal möglichen sicheren Bereich dar.

Die Verwendung des maximal möglichen sicheren Bereichs ist nützlich, um zu vermeiden, dass das Layout einer Seite aktualisiert wird, wenn der Einlagerungswert des sicheren Bereichs zunimmt.

HTML-Features

command und commandfor HTML-Attribute

Mit command den HTML-Attributen und commandfor für <button> Elemente können Sie Schaltflächen auf barrierefreie und deklarative Weise Verhalten zuweisen und gleichzeitig reduzieren, wie oft eine JavaScript-Seite verwendet werden muss, um Interaktivität bereitzustellen.

Beim Klicken, Berühren oder Aktivieren über einen Tastendruck sendet eine Schaltfläche mit den commandfor Attributen und command ein CommandEvent für das Element, auf das von verwiesen wird, mit einigen Standardverhalten, z. B. dem Öffnen von commandforDialogfeldern und Popovers.

Das <link rel="facilitated-payment" href="..."> -Element fungiert als Hinweis, den der Browser verwendet, um registrierte Zahlungsclients über eine ausstehende Pushzahlung zu benachrichtigen.

Unterstützung für rel - und relList -Attribute in SVG-Elementen <a>

Die SVGAElement-Schnittstelle in SVG 2.0 ermöglicht das Bearbeiten von SVG-Elementen <a> , die HTML-Ankerelementen ähneln. Diese Änderung fügt Unterstützung für die rel Attribute und relList hinzu, um die Sicherheit und den Datenschutz für Ihre Webseiten zu verbessern.

Dieser Ansatz entspricht der Funktionsweise von HTML-Ankerelementen und stellt Konsistenz und Benutzerfreundlichkeit in SVG und HTML sicher.

Web-APIs

Hinzufügen von MediaStreamTrack-Unterstützung zur Web speech-API

Die Web Speech-API ist eine Webstandard-API, mit der Sie Spracherkennung und -synthese in Ihre Webseiten integrieren können.

Die Web Speech-API verwendet das Standardmikrofon des Benutzers als Standardaudioeingabe. Die MediaStreamTrack-Unterstützung ermöglicht es einer Website, die Web Speech-API zu verwenden, um andere Audioquellen, einschließlich Remoteaudiospuren, zu Untertitel.

Um benutzerseitige Browserverlaufslecks zu vermeiden, werden HTML-Elemente <a> jetzt nur so formatiert, wenn :visited sie zuvor von der Website der obersten Ebene und dem Frameursprung angeklickt wurden. Dies bedeutet, dass Microsoft Edge jetzt besuchte Links nach drei Schlüsseln partitioniert:

  • Link-URL.
  • Website der obersten Ebene.
  • Frameursprung.

Durch das Formatieren von Links, die zuvor auf diese Website und den Frame geklickt wurden, sind Seitenkanalangriffe, die entwickelt wurden, um Links stilinformationen zu erhalten :visited , jetzt veraltet.

Selbstverknüpfung ist davon ausgeschlossen; Links zu den eigenen Seiten einer Website können so formatiert werden, als :visited ob sie noch nicht auf dieser website- und frame-Ursprungsseite der obersten Ebene angeklilickt wurden. Diese Ausnahme ist nur in Frames der obersten Ebene oder Unterframes aktiviert, die mit dem Frame der obersten Ebene identisch sind.

Erstellen eines Service Worker-Clients und Erben des Service Worker-Controllers für iframe mit srcdoc

Ein Service Worker-Client wird jetzt für iFrames erstellt, die das srcdoc -Attribut verwenden. Der erstellte Service Worker-Client erbt vom Service Worker des übergeordneten iframes.

Verteilen von Klickereignissen an den erfassten Zeiger

Wenn ein Zeiger erfasst wird, während das pointerup Ereignis gesendet wird, wird das click Ereignis an das erfasste Ziel gesendet, anstatt an den nächstgelegenen gemeinsamen Vorgänger von pointerdown - und pointerup -Ereignissen gesendet zu werden.

Float16Array

Das Float16Array typisierte Array wird jetzt unterstützt. Zahlenwerte werden beim Schreiben in ein instance auf das Float16Array Gleitkommaformat mit halber Genauigkeit (IEEE FP16) gerundet.

HSTS-Nachverfolgungsverhinderung

Verringert die Benutzernachverfolgung durch Drittanbieter über den HSTS-Cache (HTTP Strict Transport Security).

Dieses Feature ermöglicht nur HSTS-Upgrades für Navigationen auf oberster Ebene und blockiert HSTS-Upgrades für Anforderungen von Untergeordneten Ressourcen. Das Blockieren eines solchen HSTS-Upgrades macht es für Websites von Drittanbietern nicht möglich, den HSTS-Cache zu verwenden, um einen Benutzer im Web nachzuverfolgen.

sourceElement -Eigenschaft für NavigateEvent

Wenn eine Seitennavigation von einem Element initiiert wird, z. B. wenn der Benutzer auf einen Link klickt oder ein Formular übermittelt, verfügt das resultierende NavigateEvent nun über eine sourceElement -Eigenschaft, die auf das initiierende Element zeigt.

PerformanceNavigationTiming API NotRestoredReasons name change

Die NotRestoredReasons-API ist Teil der PerformanceNavigationTiming-API. Durch diese Änderung werden die Namen der Gründe aktualisiert, sodass sie der Spezifikation entsprechen.

Liste der Änderungen:

Alter Name Neuer Name
extension-messaging, pending-permission-request, not-main-frame, frame-navigating, timeout, cookie-disabled, cookie-removed, printing, , web-database, , injected-javascriptund injected-stylesheet masked
response-method-not-get request-method-not-get
serviceworker-version-activation serviceworker-version-activated
serviceworker-added-after-bfcache serviceworker-added
serviceworker-unregistration serviceworker-unregistered
unload-handler unload-listener
session-restored null
Beobachtbare API

Observables sind ein beliebtes Paradigma der reaktiven Programmierung, um einen asynchronen Stream von pushbasierten Ereignissen zu behandeln. Observables können als Zusagen betrachtet werden, aber für mehrere Ereignisse. Mit Observables können Sie mehr linearen und deklarativen Code schreiben und geschachtelte Rückrufe vermeiden. Das heißt, Observables ermöglichen eine ergonomische Ereignisbehandlung, indem ein Observable -Objekt bereitgestellt wird, das den asynchronen Ereignisfluss darstellt.

Sie können dieses Objekt "abonnieren", um Ereignisse zu empfangen, während sie eingehen, und einen seiner Operatoren aufrufen, um den Fluss von Transformationen, durch den Ereignisse gehen, deklarativ zu beschreiben. Dies steht im Gegensatz zur imperativen Version, die häufig eine komplizierte Schachtelung mit Ansätzen wie addEventListener()erfordert.

Weitere Informationen finden Sie in der W3C Observable-Spezifikation.

Die Service Worker-Client-URL ignoriert history.pushState jetzt Änderungen.

Die Client.url -Eigenschaft eines Service Workers, bei der es sich um die URL des ursprünglichen HTML-Dokuments handelt, ignoriert jetzt Änderungen, die von der history.pushState() -Methode und anderen ähnlichen Verlaufs-APIs vorgenommen werden.

Zeitstempel für RTC-codierte Frames

Die folgenden Zeitstempel werden jetzt verfügbar gemacht:

  • Erfassungszeitstempel: Der Zeitstempel, zu dem ein Frame ursprünglich erfasst wurde.
  • Empfangszeitstempel: Der Zeitstempel, zu dem ein Frame empfangen wurde.

Diese Zeitstempel sind in WebRTC-codierten Frames vorhanden, die über RTCPeerConnectionübertragen werden.

Diese Änderung ermöglicht Videokonferenzanwendungen, die WebRTC verwenden, um Latenzmessungen zu implementieren, um die Leistung besser zu verstehen.

Verwenden Des double Typs für die Attribute und total von loaded ProgressEvent

Die loaded Attribute und total eines ProgressEvent geben den aktuellen Fortschritt an. Der Typ dieser Attribute ist jetzt eine Gleitkommazahl zwischen 0 und 1, die am Standardverhalten des <progress> HTML-Elements ausgerichtet ProgressEvent ist, wenn das max Attribut nicht angegeben wird.

fetchLater-API

fetchLater() ist eine JavaScript-API zum Senden einer verzögerten Abrufanforderung. Nachdem die verzögerte Abrufanforderung gesendet wurde, wird eine verzögerte Anforderung vom Browser in eine Warteschlange gestellt, die den Status "Ausstehend" aufweist.

Die verzögerte Abrufanforderung wird dann von der frühesten der folgenden Bedingungen aufgerufen:

  • Wenn das Dokument zerstört wird.
  • Nach einer benutzerdefinierten Zeit.
  • Wenn der Browser entscheidet, ist es an der Zeit, die Anforderung zu senden.

Die API gibt ein zurück FetchLaterResult , das das activated boolesche Feld enthält. Das activated boolesche Feld kann aktualisiert werden, um anzuzeigen, ob die verzögerte Anforderung gesendet wurde. Nachdem die verzögerte Anforderung erfolgreich gesendet wurde, wird die Antwort vom Browser ignoriert, einschließlich des Textkörpers und der Header der Webseite.

highlightsFromPoint-API

Die highlightsFromPoint() API ermöglicht Es Ihren Webseiten, mit benutzerdefinierten CSS-Highlights zu interagieren, indem erkannt wird, welche Hervorhebungen an einem bestimmten Punkt innerhalb eines Dokuments vorhanden sind.

Das Abrufen von Highlights aus einem Punkt kann von einer Web-App verwendet werden, um Benutzerinteraktionen mit benutzerdefinierten Highlights zu verwalten, z. B.:

  • Reagieren auf ein Hoverereignis auf einen hervorgehobenen Bereich, um eine benutzerdefinierte QuickInfo auszulösen.
  • Wenn ein Benutzer reagiert, klicken Sie auf einen hervorgehobenen Bereich, um ein Kontextmenü (Kontextmenü) auszulösen.

Veraltete und entfernte Features

Getter als veraltet Intl.Locale kennzeichnen

Die Intl.Locale API macht Informationen wie Wochendaten und Stundenzyklustyp eines Gebietsschemas verfügbar.

Die Accessoreigenschaften des Intl.Locale Objekts sind jetzt zugunsten der entsprechenden Funktionen gemäß der Spezifikation veraltet. Beispielsweise ist die Intl.Locale.prototype.hourCycle Accessoreigenschaft zugunsten der Intl.Locale.prototype.getHourCycles() Funktion veraltet.

Remove-Methode navigator.xr.supportsSession

Die veraltete navigator.xr.supportsSession Eigenschaft wurde aus der WebXR-API entfernt.

In der WebXR-Spezifikation im Jahr 2019 wurde die navigator.xr.supportsSession Eigenschaft als veraltet markiert und durch die navigator.xr.isSessionSupported() -Methode ersetzt.

Entfernen des WebGPU-Grenzwerts maxInterStageShaderComponents

Der maxInterStageShaderComponents Grenzwert wurde nun aufgrund von folgenden Gründen entfernt:

  • Redundanz mit maxInterStageShaderVariables, die bereits einen ähnlichen Zweck erfüllt: Steuern der Datenmenge, die zwischen Shaderphasen übergeben wird.

  • Geringfügige Abweichungen: Obwohl es geringfügige Unterschiede bei der Berechnung der beiden Grenzwerte gibt, sind diese Unterschiede geringfügig und können innerhalb des Grenzwerts maxInterStageShaderVariables effektiv verwaltet werden.

  • Vereinfachung: Das Entfernen maxInterStageShaderComponents von optimiert die Shaderschnittstelle und reduziert die Komplexität der Verwendung der Schnittstelle. Anstatt zwei separate Grenzwerte zu verwalten (die beide gleichzeitig gelten, aber mit subtilen Unterschieden), können Sie sich einfach auf das besser benannte und umfassendere maxInterStageShaderVariableskonzentrieren.

Ursprungstests

Im Folgenden finden Sie neue experimentelle APIs, die Sie auf Ihrer eigenen Livewebsite für einen begrenzten Zeitraum ausprobieren können.

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.

Microsoft Edge-reine Ursprungstests

Digital Goods API

Läuft am 31. März 2025 ab.

Die Digital Goods-API ermöglicht es einer Webanwendung, Informationen zu ihren digitalen Produkten und den Käufen des Benutzers abzurufen, die von einem digitalen Store verwaltet werden. Der Benutzer-Agent abstrahiert Verbindungen mit dem Store, und die Zahlungsanforderungs-API wird für Käufe verwendet.

Web-App- LocalFolder-Zugriff

Läuft am 31. März 2025 ab.

Web App LocalFolder Access ermöglicht einer im Microsoft Store installierten progressiven Web-App (PWA) den Zugriff auf Dateiinhalte, die zuvor von einer früheren Version der Anwendung im WinRT-Ordner ApplicationData.LocalFolder gespeichert wurden.

HTML+IDL-Handschrift-Attribut

Läuft am 14. Juni 2025 ab.

Das handwriting -Attribut bietet eine Dokument- und elementspezifische Möglichkeit, zu steuern, wo Handschrifteingaben, z. B. bei Verwendung eines Eingabestifts, zulässig sind.

Api zum Abrufen von Informationen

Läuft am 30. Juni 2025 ab.

Die Acquisition Info-API unterstützt die Zuordnung von 3P-Akquisitionen für PWAs, die über einen App Store oder direkt über den Browser erworben wurden.

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.