Freigeben über

Versionshinweise zur Microsoft Edge 133-Webplattform (Februar 2025)

  • Artikel

Im Folgenden finden Sie die neuen Webplattformfeatures und -updates in Microsoft Edge 133, die am 6. Februar 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

Informationen zu Edge DevTools finden Sie unter Neuerungen in DevTools (Microsoft Edge 133).

WebView2

Informationen zu WebView2 finden Sie unter Versionshinweise für das WebView2 SDK.

Webplattformfeatures

Aktivierte Features

Animation.overallProgress

Fügt der Animation JavaScript-Klasse eine overallProgress Eigenschaft hinzu.

Diese Eigenschaft bietet eine bequeme und konsistente Darstellung, wie weit eine Animation über ihre Iterationen hinweg fortgeschritten ist und unabhängig von der Art ihrer Zeitleiste.

Atomics.pause

Fügt die Atomics.pause -Methode hinzu, um der CPU anzuzeigen, dass der aktuelle Code einen Spinlock ausführt.

CSP-Hashberichterstellung für Skripts

Komplexe Webanwendungen müssen aus Sicherheitsgründen häufig eine Aufzeichnung der heruntergeladenen Unterressourcen speichern. Insbesondere zukünftige Branchenstandards und bewährte Methoden (z. B. PCI-DSS v4) erfordern, dass Webanwendungen eine Bestandsaufnahme aller Skripts führen, die sie herunterladen und ausführen.

Dieses Feature baut auf der Inhaltssicherheitsrichtlinie (Content Security Policy, CSP) und der Berichterstellungs-API auf, um die URLs und Hashes aller Skriptressourcen zu melden, die das Dokument lädt.

CSS-Pseudoklasse :open

Die :open Pseudoklasse stimmt überein <dialog> , <details> wenn sie sich im geöffneten Zustand befinden, und übereinstimmungen <select> und <input> wenn sie sich in Modi befinden, die über eine Auswahl verfügen und die Auswahl angezeigt wird.

Abfragen des CSS-Scrollzustandscontainers

Verwenden Sie Containerabfragen, um Nachfolger von Containern basierend auf ihrem Bildlaufzustand zu formatieren.

Der Abfragecontainer ist entweder ein Scrollcontainer oder ein Element, das von der Scrollposition eines Bildlaufcontainers betroffen ist. Die folgenden Zustände können abgefragt werden:

  • stuck: Ein fixierter Container wird an einem der Ränder des Bildlauffelds geklebt.
  • snapped: Ein container mit ausrichtungsorientiertem Bildlauf ist derzeit horizontal oder vertikal angedockt.
  • scrollable: Gibt an, ob ein Bildlaufcontainer in abgefragter Richtung gescrollt werden kann.

Mit einem neuen container-type: scroll-state können Container abgefragt werden.

Zum Beispiel:

#sticky {
  position: sticky;
  container-type: scroll-state;
}

@container scroll-state(stuck: top) {
  #sticky-child { font-size: 75% }
}
Erweiterte CSS-Funktion attr()

Implementieren Sie die In CSS-Ebene 5 angegebene Erweiterung attr() , die Typen außer <string>zulässt und die Verwendung in allen CSS-Eigenschaften zulässt (außer dem Pseudoelement content).

Beispiel:

<style>
  div {
     background-color: attr(data-foo type(<color>), red);
  }
</style>
<div data-foo="blue">test</div>
CSS- text-box, text-box-trim- und text-box-edge -Eigenschaften

Um ein optisches Gleichgewicht des Textinhalts zu erreichen, ermöglichen die text-box-trim Eigenschaften und text-box-edge zusammen mit der text-box Shorthand-Eigenschaft eine genauere Steuerung der vertikalen Ausrichtung von Text.

Die text-box-trim -Eigenschaft gibt die zu kürzenden Seiten an (über oder darunter). Die text-box-edge -Eigenschaft gibt an, wie die Kante gekürzt werden soll.

Mit diesen Eigenschaften können Sie den vertikalen Abstand mithilfe der Schriftartmetriken präzise steuern.

ideographic und ideographic-ink, zwei Werte für die text-box-edge Eigenschaft für chinesische, japanische und koreanische Zeichen (CJK) werden auf eine zukünftige Version zurückgestellt.

DOM-zustandserhaltende Verschiebung

Dieses Feature fügt einen DOM-Grundtyp (moveBefore) hinzu, der das Verschieben eines Elements in einer DOM-Struktur ermöglicht, ohne den Zustand des Elements zurückzusetzen. Diese Funktion ist auf ParentNode Knoten wie Element, Documentund DocumentFragmentverfügbar.

Wenn Sie ein Element verschieben, anstatt ein Element zu entfernen oder einzufügen, wird ein Zustand wie der folgende beibehalten:

  • <iframe> -Elemente bleiben geladen.
  • Das aktive Element behält den Fokus.
  • Popover und Dialoge bleiben geöffnet.
  • CSS-Übergänge und -Animationen werden weiterhin ausgeführt.
Verfügbarmachen des attributionsrc Attributs für <area>

Für die Zuordnungsberichterstattung wurde das Attribut aufgrund von Code, der attributionsrc mit <a>freigegeben wurde, unbeabsichtigt für Elemente verarbeitet<area>, der dieses Attribut absichtlich unterstützt.

Aus Gründen der Vollständigkeit wird das Attribut für <area> mit identischer Syntax und Semantik für verfügbar gemacht, ohne die vorherige Verarbeitung zu <a>ändern. Wenn ein <area> Tag mit einem attributionsrc Attribut navigiert wird, kann die Vordergrundanforderung Navigationsquellen registrieren. Wenn das Attribut nicht leer ist, können auch eine oder mehrere Hintergrundanforderungen Navigationsquellen registrieren.

Verfügbarmachen von verrobenem Kreuzursprung renderTime in element timing und Largest Contentful Paint (LCP) unabhängig vom Timing-Allow-Origin (TAO)-Header

Alle Element-Timing- und LCP-Leistungseinträge weisen einen Wert ungleich 0 renderTime(null) auf, auch wenn sie ursprungsübergreifend ohne Header Timing-Allow-Origin sind. Alle Präsentationszeitstempel (renderTime, Die Startzeit des Malzeitpunkts und die Endzeit des Ereigniszeitpunkts) werden auf ein Vielfaches von 4 ms gekürzt, um das Risiko zu verringern, dass bildübergreifende Informationen gelesen werden.

Die FileSystemObserver -Schnittstelle

Die FileSystemObserver -Schnittstelle benachrichtigt Websites über Änderungen am Dateisystem. Websites beobachten Änderungen an Dateien und Verzeichnissen, denen der Benutzer zuvor die Berechtigung erteilt hat, auf dem lokalen Gerät des Benutzers (wie in WICG/file-system-accessangegeben) oder im Bucketdateisystem (wie in whatwg/fsangegeben) und werden über grundlegende Änderungsinformationen wie den Änderungstyp benachrichtigt.

Mehrere Importzuordnungen

Importzuordnungen müssen derzeit vor jedem ES-Modul geladen werden, und es kann nur eine einzelne Importzuordnung pro Dokument geben. Dies macht den Import von Karten anfällig und kann in realen Szenarien möglicherweise nur langsam verwendet werden: Jedes Modul, das vor dem Import von Karten geladen wird, bricht die gesamte App, und in Apps mit vielen Modulen wird der Import von Karten zu einer großen blockierenden Ressource, da die gesamte Karte für alle möglichen Module zuerst geladen werden muss.

Dieses Feature ermöglicht mehrere Importzuordnungen pro Dokument, indem Importkarten auf konsistente und deterministische Weise zusammengeführt werden.

Verbesserungen bei Popoveraufrufen und Ankerpositionierung

Diese Änderung entspricht den folgenden zugehörigen Änderungen:

  1. Fügen Sie eine imperative Methode zum Festlegen von Aufruferbeziehungen zwischen Popovers hinzu: popover.showPopover({source}).
  2. Aufruferbeziehungen erstellen implizite Ankerelementverweise.
Ein in einem Aufrufer geschachteltes Popover sollte es nicht erneut aufrufen.

Wenn Sie auf ein geschachteltes Popover klicken, wird nicht dasselbe Popover erneut aufgerufen.

Im folgenden Beispiel wird durch Klicken auf die Schaltfläche das Popover ordnungsgemäß aktiviert. Wenn Sie danach jedoch auf das Popover selbst klicken, sollte das Popover nicht geschlossen werden. Zuvor wurde das Popover in diesem Fall geschlossen, da der Popoverklick auf die <button> aufsprudelte und den Aufrufer aktivierte, der das Popover geschlossen hat.

<button popovertarget=foo>Activate
  <div popover id=foo>Clicking me shouldn't close me</div>
</button>
Ressourcenzeit: rückgängig machen responseStart Änderung und EinführungfirstResponseHeadersStart

Ressourcenzeitpunkt:

  • responseStart gibt die erste Antwort zurück, entweder frühe Hinweise (zwischen) oder endgültig.
  • Die endgültige Antwortheaderzeit (2xx/4xx/5xx) wird als finalResponseHeadersStartverfügbar gemacht.
Speicherzugriffsheader

Bietet eine alternative Möglichkeit für authentifizierte Einbettungen, um sich für nicht partitionierte Cookies zu entscheiden. Diese Header geben an, ob nicht partitionierte Cookies in einer bestimmten Netzwerkanforderung enthalten sind (oder sein können). Diese Header ermöglichen es Servern auch, Berechtigungen zu aktivieren storage-access , die ihnen bereits erteilt wurden. Die Bereitstellung einer alternativen Möglichkeit zum Aktivieren der Berechtigung ermöglicht die storage-access Verwendung durch Nicht-iframe-Ressourcen und kann die Latenz für authentifizierte Einbettungen verringern.

Unterstützung beim Erstellen eines ClipboardItem mit Promise<DOMString>

ClipboardItem ist die Eingabe für die asynchrone Schreibmethode für die Zwischenablage. Der ClipboardItem Konstruktor akzeptiert nun zusätzlich zu BLOBs Zeichenfolgenwerte. ClipboardItemData kann ein BLOB sein; eine Zeichenfolge; oder eine Zusage, die entweder in ein BLOB oder eine Zeichenfolge aufgelöst wird.

Webauthentifizierungs-API: die getClientCapabilities() Methode von PublicKeyCredential

Die getClientCapabilities() -Methode ermöglicht die Bestimmung, welche WebAuthn-Features vom Client des Benutzers unterstützt werden. Diese Methode gibt eine Liste der unterstützten Funktionen zurück, sodass Sie Authentifizierungserfahrungen und Workflows basierend auf den spezifischen Funktionen des Clients anpassen können.

WebAssembly memory64-Vorschlag

Der Memory64-Vorschlag bietet Unterstützung für lineare WebAssembly-Speicher, die größer als 2^32 Bit sind. Dieser Vorschlag enthält keine neuen Anweisungen, sondern erweitert stattdessen die vorhandenen Anweisungen, um 64-Bit-Indizes für Speicher und Tabellen zuzulassen.

WebGPU: 1-Komponenten-Vertexformate (und unorm8x4-bgra)

Fügt zusätzliche Vertexformate hinzu, die in der ersten Version von WebGPU aufgrund fehlender Unterstützung nicht vorhanden waren, oder alte macOS-Versionen, die von keinem Browser mehr unterstützt werden. Die 1-Komponenten-Vertexformate ermöglichten es der Anwendung, nur die erforderlichen Daten anzufordern, während die Anwendung zuvor mindestens zwei mal mehr Daten für 8-Bit- und 16-Bit-Datentypen anfordern musste. Das unorm8x4-bgra Format macht es etwas bequemer, BGRA-codierte Vertexfarben zu laden, während derselbe Shader beibehalten wird.

X25519-Algorithmus der Webkryptografie-API

Der X25519-Algorithmus bietet Tools zum Ausführen der Schlüsselvereinbarung mithilfe der X25519-Funktion, die in RFC7748 angegeben ist. Der X25519 Algorithmusbezeichner kann in der SubtleCrypto -Schnittstelle verwendet werden, um auf die implementierten Vorgänge zuzugreifen: generateKey, importKey, exportKey, deriveKeyund deriveBits.

popover=hint

Die Popover-API gibt das Verhalten für zwei Werte des popover Attributs an: auto und manual. Dieses Feature beschreibt einen dritten Wert, popover=hint. Hinweise, die am häufigsten mit QuickInfo-Typverhalten verknüpft sind, weisen ein etwas anderes Verhalten auf. Der Standard Unterschied besteht darin, dass ein hint s untergeordnet autoist, wenn geschachtelte Popoverstapel geöffnet werden. Es ist also möglich, einen nicht verwandten hint Popover zu öffnen, während ein vorhandener Stapel von auto Popovers geöffnet bleibt. Das kanonische Beispiel ist, dass eine <select> Auswahl geöffnet ist (popover=auto) und eine quickinfo (popover=hint) angezeigt wird. Durch diese Aktion wird die <select> Auswahl nicht geschlossen.

Veraltete und entfernte Features

WebGPU-Limit maxInterStageShaderComponents als veraltet markiert

Der maxInterStageShaderComponents Grenzwert wird aufgrund einer Kombination von Faktoren entfernt:

  • Redundanz mit maxInterStageShaderVariables: Dieser Grenzwert dient bereits einem ähnlichen Zweck: der Kontrolle der Datenmenge, die zwischen Shaderphasen übergeben wird.

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

  • Vereinfachung: Durch das Entfernen maxInterStageShaderComponents wird die Shaderschnittstelle optimiert und die Komplexität für Entwickler reduziert. Anstatt zwei separate Grenzwerte zu verwalten (die beide gleichzeitig gelten, aber mit geringfügigen Unterschieden), können Sie sich auf maxInterStageShaderVariableskonzentrieren, was besser benannt und umfassend ist.

Wenn zuvor eine Ressource mithilfe <link rel=prefetch>von vorab abgerufen wurde, wurde ihre Cachesemantik (insbesondere max-age und no-cache) für die erste Verwendung innerhalb von 5 Minuten ignoriert, um eine Neubenutzung zu vermeiden. Nun wurde dieser Sonderfall entfernt, und es wird die normale HTTP-Cachesemantik verwendet.

Dies bedeutet, dass Sie geeignete Zwischenspeicherheader (d. h. oder Expires) einschließen müssen, Cache-Control um von <link rel=prefetch>zu profitieren.

Dies wirkt sich auch auf die nicht standardmäßige <link rel=prerender>aus.

Dies behebt einen Fehler mit dem Vorabruf von Spekulationsregeln, bei dem Nicht-2xx-Antworten zwischengespeichert wurden. Dies erfordert keine Zwischenspeicherung von Headern für den Vorabruf von Spekulationsregeln, da solche Header für navigationsbereites Vorabrufen vorgesehen sind und daher andere Zwischenspeicherungsanforderungen aufweisen als der normale HTTP-Cache.

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-Zugriff LocalFolder

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

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

HTML+IDL-Handschrift-Attribut

Läuft am 14. Juni 2025 ab.

Präzise Steuerung pro Dokument und Element, welche Inhalte Handschrifteingaben zulassen oder verbieten sollen.

Api zum Abrufen von Informationen

Läuft am 30. Juni 2025 ab.

Unterstützt die Zuordnung von 3P-Akquisitionen für progressive Web-Apps (PWAs), die über einen App Store oder direkt über den Browser erworben wurden.

Neue Chromium-Ursprungsversuche

Referenzziel für cross-root ARIA

Läuft am 10.06.2025 ab.

Die Referenzziel-API ermöglicht ID-basierten Verweisen, insbesondere von

DisableThirdPartyStoragePartitioning3

Läuft am 16.09.2025 ab.

Dies ist eine allgemeine Testversion, die es einem Standort der obersten Ebene ermöglicht, nicht partitionierten Speicher, Service Worker und Kommunikations-APIs für Kontexte von Drittanbietern zu verwenden, die in die Website eingebettet sind. Dadurch erhalten Websites mehr Zeit zum Testen und Migrieren zu Lösungen, die keinen partitionierten Speicher erfordern.

Opt-Out Opt-Out der Hintergrundseite fixieren

Läuft am 16.09.2025 ab.

Diese Testversion ermöglicht es einer Seite, sich vom Einfrieren der Hintergrundseite abzumelden. In Chromium 133 kann eine Registerkarte, die länger als 5 Minuten im Hintergrund war, gesperrt werden, wenn sie CPU-intensiv ist und Energy Saver aktiv ist, es sei denn, sie wurde deaktiviert. Eine Ursprungstestabmeldung wird bereitgestellt, während neue Web-APIs entwickelt werden, um Seiten für bestimmte Anwendungsfälle abzumelden.

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.