Stabiles Veröffentlichungsdatum:14. Mai 2024
Sofern nicht anders angegeben, gelten die folgenden Änderungen für die stabile Version von Chrome 125 für Android, ChromeOS, Linux, macOS und Windows.
HTML und DOM
Deklarative Shadow-DOM-Serialisierung
Eine Funktion, mit der Entwickler DOM-Bäume mit Schattenwurzeln partitionieren können, die vor Kurzem im HTML-Standard standardisiert wurde.
Tracking-Fehler Nr. 41490936 | ChromeStatus.com-Eintrag | Spezifikationen
CSS
Positionierung der CSS-Anker
Mit der CSS-Ankerpositionierung können Entwickler ein absolut positioniertes Element auf deklarative Weise ohne JavaScript an ein oder mehrere andere Elemente auf der Seite (die Ankerpositionen) anknüpfen. Die Ankerpositionierung funktioniert am besten, wenn die Anker gescrollt werden können. Ein häufiger Anwendungsfall besteht darin, ein Pop-over, z. B. eine Kurzinfo, neben dem Element zu platzieren, das es aufgerufen hat, oder ein Auswahlmenü und die zugehörige Pop-over-Optionsliste. Vor der Funktion zur Ankerpositionierung war für diese Anwendungsfälle JavaScript erforderlich, um das Pop-over dynamisch zu positionieren und verankert zu lassen, wenn das aufrufende Element gescrollt wurde. Mit der Ankerpositionierung können diese Anwendungsfälle leistungsfähig und deklarativ implementiert werden.
Die Funktion zur Ankerpositionierung besteht aus einer großen Anzahl von CSS-Eigenschaften. Einige der wichtigsten Attribute sind:
anchor-name
: legt ein Element als Anker für andere Elemente fest.position-anchor
: beschreibt den „Standard“-Anker, den ein verankertes Element für die Ankerpositionierung verwenden soll.- Die Funktion
anchor()
: Sie wird verwendet, um auf die Position des Ankerelements bei der Positionierung des verankerten Elements zu verweisen. inset-area
: eine Abkürzung für Positionierung, für gängige relative Positionen.
Einführung der CSS Anchor Positioning API | Tracking-Fehler 40059176 | ChromeStatus.com-Eintrag | Spezifikation
CSS-Funktionen für schrittweise Werte: round()
, mod()
und rem()
Die Stufenwertfunktionen round()
, mod()
und rem()
transformieren einen bestimmten Wert nach einem anderen "Schrittwert".
Die CSS-Funktion round()
gibt eine gerundete Zahl auf Basis einer ausgewählten Rundungsstrategie zurück.
Die CSS-Funktion mod()
gibt einen Modulus zurück, der übrig bleibt, wenn der erste Parameter durch den zweiten Parameter geteilt wird, ähnlich wie beim JavaScript-Restoperator (%). Der Modulus ist der Wert, der übrig bleibt, wenn ein Operand, der Dividend, durch einen zweiten Operanden, den Divisor, geteilt wird. Sie nimmt immer das Vorzeichen des
Divisors an.
Die CSS-Funktion rem()
gibt einen Rest zurück, der übrig bleibt, wenn der erste Parameter durch den zweiten Parameter geteilt wird, ähnlich wie der JavaScript-Restoperator (%). Der Rest ist der Wert, der übrig bleibt, wenn ein Operand, der Dividend, durch einen zweiten Operanden, den Divisor, geteilt wird. Es wird immer das Vorzeichen
des Dividendes angegeben.
Tracking-Fehler Nr. 40253179 | ChromeStatus.com-Eintrag | Spezifikationen
Neue Syntax für benutzerdefinierte CSS-:state()
-Syntax
Mit dem benutzerdefinierten CSS-Status können benutzerdefinierte Elemente ihre eigenen Pseudoklassen anzeigen. Diese Syntax wurde jetzt in der CSSWG angegeben und Chrome 125 unterstützt jetzt die neue Syntax :state(foo)
. Es wird ein Fenster geben, in dem Chrome sowohl die alte Syntax (:--foo
) als auch die neue Syntax unterstützt, sodass Websites zur neuen Syntax wechseln können.
Eintrag unter ChromeStatus.com | Spezifikationen
Diskontinuität für Oklab- und Oklch-Farben mit einer Helligkeit von fast 100% oder 0 entfernen
Vor dieser Änderung wurden alle Lab-, LCH-, Oklab- und Oklch-Farben mit einem Helligkeitswert von 100% unabhängig von den anderen beiden Parametern weiß gerendert. Alle Farben in diesen Bereichen mit einem Helligkeitswert von 0 wurden schwarz dargestellt. Diese beiden Zuordnungen verursachten Diskontinuitäten bei Gradienten und waren für Webentwickler unerwartet.
Mit diesem Rollback werden diese Farben nicht mehr künstlich zugeordnet und die resultierende angezeigte Farbe bleibt mit nahe gelegenen Farben ununterbrochen und hängt von der Gamutzuordnung des Displays ab.
Eintrag unter ChromeStatus.com | Spezifikationen
Stammbildlaufleisten für Farbschema verwendet
Der Browser verwendet das bevorzugte Farbschema des Nutzers, um die Bildlaufleisten für den Darstellungsbereich zu rendern, wenn der Wert für die unterstützten Farbschemata der Seite „normal“ ist oder nicht angegeben ist und der berechnete Wert von color-scheme
für das Stammelement normal
ist. Die Bildlaufleisten im Darstellungsbereich können sich
außerhalb des Webinhalts befinden. Daher sollten die User-Agents beim Rendern von Bildlaufleisten für den Darstellungsbereich das bevorzugte Farbschema des Nutzers berücksichtigen, wenn der Entwickler die Unterstützung für Farbschemata nicht explizit angegeben hat.
Diese Änderung hindert Entwickler nicht daran, das Farbschema für Bildlaufleisten zu steuern. Durch das neue Verhalten verwendet der Browser das bevorzugte Farbschema des Nutzers, um Bildlaufleisten ohne Overlay für Darstellungsbereich nur dann zu rendern, wenn der Entwickler das Farbschema für das Stammelement nicht angegeben hat.
title | Tracking-Fehler #40259909 | ChromeStatus.com-Eintrag | Spezifikationen
Klasse view-transitions
Es gibt eine neue CSS-Eigenschaft view-transition-class
, mit der Sie eine oder mehrere Übergangsklassen für Ansichten angeben können. Mit diesen Klassen können Sie dann die Pseudoelemente ViewTransition
auswählen, z. B. ::view-transition-group(*.class)
.
Dies ist eine Erweiterung der ViewTransition API, mit der das Gestalten von Pseudoelementen des Ansichtsübergangs ähnlich wie bei CSS-Klassen das Gestalten regulärer DOM-Elemente vereinfacht wird.
Tracking-Fehler Nr. 41492972 | ChromeStatus.com-Eintrag | Spezifikationen
Wird geladen
HTTP- und HTTPS-URLs beim Erstellen von WebSocket akzeptieren
Durch diese Aktualisierung werden HTTP- und HTTPS-Schemas im WebSocket-Konstruktor aktiviert, sodass Entwickler auch relative URLs verwenden können. Diese werden auf die internen Schemas ws:
und wss:
normalisiert.
Tracking-Fehler Nr. 325979102 | ChromeStatus.com-Eintrag | Spezifikationen
Web APIs
Ergänzungen zur Attribution Reporting API
Der Attribution Reporting API wurden Funktionen hinzugefügt, mit denen sich zusätzliche Fehlerbehebungsfunktionen wie das Parsen von Debug-Berichten bereitstellen lassen. Außerdem wird die API-Ergonomie verbessert, indem ein Feld zur Angabe der bevorzugten Registrierungsplattform unterstützt wird und der Datenschutz verbessert wird.
Compute Pressure API
Die Compute Pressure API bietet allgemeine Status, die die CPU-Auslastung des Systems darstellen. Bei der Implementierung können die richtigen zugrunde liegenden Hardwaremesswerte verwendet werden, um sicherzustellen, dass Nutzer die gesamte ihnen zur Verfügung stehende Rechenleistung nutzen können, solange das System nicht unter unüberschaubarer Belastung ist.
Die Entwicklungs- und Implementierungsarbeiten für diese API wurden von Intel geleitet, sodass Videokonferenzanwendungen Funktionen und Leistung dynamisch ausbalancieren können.
Compute Pressure API | Tracking-Fehler 40683064 | ChromeStatus.com-Eintrag | Spezifikation
Storage Access API (SAA) auf Nicht-Cookie-Speicher erweitern
Dadurch wird die vorgeschlagene Erweiterung der Storage Access API (abwärtskompatibel und im Ursprungstest) gestartet, um den Zugriff auf nicht partitionierte Cookies und Nicht-Cookie-Speicher im Drittanbieterkontext zu ermöglichen. Die aktuelle API bietet nur Zugriff auf Cookies, die andere Anwendungsfälle haben als die Speicherung ohne Cookies.
Tracking-Fehler Nr. 40282415 | ChromeStatus.com-Eintrag | Spezifikationen
FedCM-CORS-Anforderung am Endpunkt für ID-Assertions
Die Abrufe in der FedCM API sind aufgrund der erforderlichen Eigenschaften schwer zu verstehen. Während um den Endpunkt des Kontos derzeit diskutiert wird, besteht weitgehend ein Konsens darüber, dass der Endpunkt für ID-Assertions CORS verwenden sollte. Durch dieses Update werden die Sicherheitseigenschaften dieses Abrufs besser an andere Abrufe auf der Webplattform angeglichen.
FedCM-Updates: Button Mode API-Ursprungstest, CORS und SameSite | Tracking-Fehler 40284123 | ChromeStatus.com-Eintrag
Anfrage mit FedCM-Anmeldedaten sendet kein SameSite=Strict Cookie mehr
FedCM sendet jetzt Anfragen zur Identitätsbestätigung mit CORS. Das bedeutet, dass Chrome keine SameSite=Strict
-Cookies mehr an den Endpunkt der ID-Assertion sendet, obwohl Chrome weiterhin SameSite=None
sendet. Da es nicht sinnvoll ist, einen anderen Satz Cookies an den Endpunkt des Kontos und den Endpunkt der ID-Assertion zu senden, sorgt diese Änderung für Einheitlichkeit.
Wenn SameSite=Strict
-Cookies nicht gesendet werden, entspricht das auch dem requestStorageAccess
-Verhalten und generell von websiteübergreifenden Anfragen.
Tracking-Fehler Nr. 329145816 | ChromeStatus.com-Eintrag | Spezifikationen
Interoperable „mousemove“-Standardaktion
Chrome durfte „mousemove“-Ereignisse abbrechen, um andere APIs wie die Textauswahl (und früher auch Drag-and-drop) zu verhindern. Dies entspricht weder anderen gängigen Browsern noch der UI-Ereignisspezifikation. Jetzt ist die Textauswahl nicht mehr die Standardaktion von „mousemove“. Die Textauswahl und Drag-and-drop können weiterhin durch Abbrechen der selectstart
- bzw. dragstart
-Ereignisse verhindert werden.
Diese Funktion wird ab Chrome 125 nach und nach eingeführt und ist voraussichtlich ab Chrome 126 für alle Nutzer verfügbar.
Demo | Tracking-Fehler 40078978 | ChromeStatus.com-Eintrag | Technische Daten
Modifikatoren für reguläre Ausdrücke
Mit Modifizierern für reguläre Ausdrücke können Sie die Flags i
, m
und s
innerhalb eines Musters lokal ändern.
Verwenden Sie zum Aktivieren eines Flags für einen Unterausdruck (?X:subexpr)
, wobei X
entweder i
, m
oder s
ist. Verwenden Sie (-X:subexpr)
, um ein Flag für einen Unterausdruck zu deaktivieren.
Hier ein Beispiel für das Flag i
, bei dem die Groß- und Kleinschreibung beachtet werden muss:
const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false
const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false
Eintrag unter ChromeStatus.com | Spezifikationen
Benannte Erfassungsgruppen sind im regulären Ausdruck doppelt vorhanden
Wenn Sie benannte Erfassungsgruppen duplizieren, können Sie für verschiedene Alternativen denselben Namen für die Erfassungsgruppe verwenden. Beispiel:
const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;
In diesem Fall ist year
entweder für die erste Alternative ((?<year>[0-9]{4})-[0-9]{2}
) oder die zweite Alternative ([0-9]{2}-(?<year>[0-9]{4})
) gültig.
Eintrag unter ChromeStatus.com | Spezifikationen
Chrome-Apps
Direct Sockets API in Chrome-Apps
Dieses Update erleichtert die Umstellung spezieller Apps von Chrome-Apps auf isolierte Web-Apps, indem direkte Sockets in Chrome-Apps aktiviert werden. Web-Apps ermöglichen die direkte Kommunikation über TCP- und User Datagram-Protokoll (UDP) mit Netzwerkgeräten und Systemen.
Eintrag unter ChromeStatus.com | Spezifikationen
Neue Ursprungstests
FedCM Button Mode API und Use Other Account API
Dieser Ursprungstest umfasst die folgenden beiden FedCM APIs.
Mit der Button Mode API können Websites FedCM durch Klicken auf eine Schaltfläche aufrufen, z. B. durch Klicken auf eine Schaltfläche Sign-in to IdP (Bei IdP anmelden). Dies erfordert, dass FedCM garantiert, dass er immer mit einer sichtbaren Benutzeroberfläche antwortet, anstatt im Widget-Modus, in dem nach der Abmeldung des Nutzers keine UI angezeigt wird. Beim Aufrufen der FedCM API im Schaltflächenmodus werden Nutzer, wenn sie abgemeldet sind, zur Anmeldung beim IdP (in einem Dialogfeld) weitergeleitet.
Da der Schaltflächenmodus durch eine explizite Touch-Geste des Nutzers aufgerufen wird, ist die Benutzeroberfläche unter Umständen auch besser sichtbar (z. B. zentriert und modal) als die Benutzeroberfläche im Widget-Modus, die nicht so explizit beabsichtigt ist. Weitere Informationen zur Funktionsweise der Button Mode API finden Sie in den FedCM-Updates: Button Mode API-Ursprungstest, CORS und SameSite
Mit der Use Other Account API kann ein Identitätsanbieter Nutzern erlauben, sich in anderen Konten anzumelden.
Ursprungstest | Demo | Tracking-Fehler 40284792 | ChromeStatus.com-Eintrag | Spezifikationen
Faltbare APIs
Dieser Ursprungstest umfasst die Device Posture API und die Viewport Segments Enumeration API. Diese APIs sollen Entwicklern dabei helfen, ein Targeting auf faltbare Geräte vorzunehmen.
Ursprungstest | Ursprungstest für faltbare APIs | Eintrag unter ChromeStatus.com | Spezifikation
Einstellungstest für Eigenschaften und Methoden des Typs "HTMLVideoElement Fullscreen" mit dem Präfix
Mit diesem Test zur Einstellung können Sie die Unterstützung für die mit dem Präfix versehenen HTMLVideoElement-Eigenschaften und -Methoden wieder aktivieren, wenn Sie mehr Zeit zum Anpassen Ihres Codes benötigen.
Ursprungstest | ChromeStatus.com-Eintrag
Scannen vor dem Laden überspringen
Überspringt den Preload-Scanner, um Kompromisse bei der Leistung von Seiten ohne Abrufe von Unterressourcen zu finden.
Der Vorabladeschritt verbessert die Leistung von Seiten mit Unterressourcenabrufen durch die Implementierung des spekulativen Prefetches. Bei Seiten, die nicht von diesem Schritt profitieren, d. h. bei Seiten ohne Unterressourcen, ist dies zusätzlicher Verarbeitungsaufwand mit geringem Nutzen.
Für fortgeschrittene Webnutzer, die von einer Reduzierung dieses Aufwands profitieren möchten, bietet dieser Test ein Steuerelement auf Seitenebene, um den Vorabladescanner zu deaktivieren. Mit den im Rahmen dieses Tests erfassten Daten könnte ermittelt werden, ob eine modifizierte API oder eine andere Implementierung des HTML Preload Scanners hilfreich wäre.
Ursprungstest | Tracking-Fehler Nr. 330802493 | ChromeStatus.com-Eintrag | Spezifikationen
Einstellungen und Entfernungen
Alias „window-placement“ für Berechtigungs- und Berechtigungsrichtlinie „window-management“ entfernen
Der Alias „window-placement“ für die Berechtigungs- und Berechtigungsrichtlinie „window-management“ wird entfernt. Dies ist Teil eines größeren Aufwands, die Strings umzubenennen, indem „window-placement“ eingestellt und entfernt wird. Die Terminologieänderung verbessert die Langlebigkeit des Deskriptors, da sich die Window Management API im Laufe der Zeit weiterentwickelt.
title | Tracking-Fehler Nr. 40842072 | ChromeStatus.com-Eintrag | Spezifikationen
Entfernung der Unternehmensrichtlinie: NewBaseUrlInheritanceBehaviorAllowed
Die zugrunde liegende Codeänderung (ermöglicht neues Verhalten zur Übernahme von Basis-URLs), die von dieser Unternehmensrichtlinie überschrieben wird, wurde seit August 2023 (Chrome 118) in stabilen Releases aktiviert. Da bekannte Probleme behoben wurden, wurde diese Unternehmensrichtlinie in Chrome 125 entfernt.
Vorangestellte HTMLVideoElement Fullscreen-Eigenschaften und -Methoden wurden entfernt
Die Fullscreen APIs mit dem Präfix HTMLVideoElement
wurden seit Chrome 38 eingestellt. Sie wurden durch Element.requestFullscreen()
ersetzt, die 2018 in Chrome 71 erstmals ohne Präfix ausgeliefert wurde.
Die folgenden Eigenschaften und Methoden werden aus HTMLVideoElement entfernt:
webkitSupportsFullscreen
webkitDisplayingFullscreen
webkitEnterFullscreen()
webkitExitFullscreen()
webkitEnterFullScreen()
(beachten Sie die abweichende Großschreibung des "S" im Vollbildmodus).webkitExitFullScreen()
Registrieren Sie sich für den in diesem Beitrag aufgeführten Test zur Einstellung von Produkten und Diensten, wenn Ihre Website noch immer darauf angewiesen ist und Sie mehr Zeit zum Aktualisieren des Codes benötigen.
Weitere Informationen
Weitersuchen? Sehen Sie sich diese zusätzlichen Ressourcen an.
- Neu in Chrome 125
- Neu in den Chrome-Entwicklertools 125
- ChromeStatus.com-Updates für Chrome 125
- Release-Kalender für Chrome
- Anstehende Einstellungen
- Anstehende Entfernungen