Chrome 125

Stabiles Veröffentlichungsdatum:14. Mai 2024

Sofern nicht anders angegeben, gelten die folgenden Änderungen für die stabile Version 125 von Chrome 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 serialisieren können im HTML-Standard standardisiert wurden.

Fehler-Tracking-ID 41490936 | ChromeStatus.com-Eintrag | Spezifikation

CSS

Positionierung von Preisvergleichsportal-Ankern

Mit der CSS-Positionierung von Ankern können Entwickler ein absolut positioniertes Element deklarativ und ohne JavaScript an ein oder mehrere andere Elemente auf der Seite (die Anker) verknüpfen. Die Ankerpositionierung funktioniert effizient, wenn die Anker scrollbar sind. Ein häufiger Anwendungsfall ist die Platzierung eines Pop-ups wie eines Kurzinfos neben dem Element, das es aufgerufen hat, oder eines ausgewählten Menüs und der zugehörigen Pop-up-Optionsliste. Vor der Funktion zur Positionierung von Ankern war für diese Anwendungsfälle JavaScript erforderlich, um das Pop-over dynamisch zu positionieren und es angedockt zu halten, während das auslösende Element gescrollt wurde. Das ist eine Leistungsfalle und schwer zu realisieren. Mit der Ankerpositionierung können diese Anwendungsfälle leistungsstark und deklarativ implementiert werden.

Die Ankerpositionierungsfunktion besteht aus einer großen Anzahl von CSS-Eigenschaften. Zu den wichtigsten Eigenschaften gehören:

  • anchor-name: Hiermit wird ein Element als Anker für andere Elemente festgelegt.
  • position-anchor: Beschreibt den „Standard“-Anchor, den ein verankertes Element für die Positionierung des Ankers verwenden soll.
  • Die anchor()-Funktion: wird verwendet, um auf die Position des Ankers zu verweisen. -Element beim Positionieren des verankerten Elements.
  • inset-area: Eine Kurzschreibweise für die Positionierung, für gängige relative Positionen.

Einführung der CSS Anchor Positioning API | Tracking-Fehler Nr. 40059176 | Eintrag in ChromeStatus.com | Technische Daten

CSS-Funktionen für abgestufte Werte: round(), mod() und rem()

Mit den Funktionen für abgestufte Werte round(), mod() und rem() transformieren alle gemäß einem anderen "Schrittwert".

Die CSS-Funktion round() gibt eine gerundete Zahl basierend auf einer ausgewählten Rundung zurück .

Die CSS-Funktion mod() gibt einen Modulus zurück, der übrig bleibt, wenn der erste Parameter geteilt durch den zweiten Parameter, ähnlich wie beim JavaScript-Restoperator. (%) Der Modulus ist der Wert, der übrig bleibt, wenn ein Operand, der Dividend, gleich geteilt durch einen zweiten Operanden, den Divisor. Dabei wird immer das Zeichen Divisor.

Die CSS-Funktion rem() gibt einen Rest zurück, wenn der erste Parameter wird durch den zweiten Parameter geteilt, ähnlich wie beim JavaScript-Operator (%) Der Rest ist der Wert, der übrig bleibt, wenn ein Operand, der Dividend, gleich geteilt durch einen zweiten Operanden, den Divisor. Dabei wird immer das Zeichen Dividende.

Tracking-Fehler Nr. 40253179 | ChromeStatus.com-Eintrag | Technische Daten

Neue Syntax für benutzerdefiniertes CSS-:state()

Mit dem benutzerdefinierten CSS-Status können benutzerdefinierte Elemente eigene Pseudoklassen bereitstellen. Die Syntax wurde in der CSSWG festgelegt und Chrome 125 unterstützt jetzt die neue Syntax :state(foo). Daraufhin wird ein Fenster angezeigt, in dem Chrome unterstützt sowohl die alte Syntax (:--foo) als auch die neue Syntax, sodass Websites können Sie zum neuen wechseln.

ChromeStatus.com-Eintrag | Spezifikation

Unterbrechungen bei 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% wurden unabhängig von den anderen beiden Parametern weiß dargestellt. Alle Farben in diesen Bereichen mit einem Helligkeitswert von 0 wurden schwarz gerendert. Diese zwei Zuordnungen führten zu Diskontinuitäten bei Farbverläufen und waren für Web- zu entwickeln.

Durch dieses Rollback werden diese Farben nicht mehr künstlich zugeordnet. Die daraus resultierende angezeigte Farbe ist dann kontinuierlich mit den umgebenden Farben und hängt von der Farbskala des Displays ab.

ChromeStatus.com-Eintrag | Technische Daten

Verwendete Farbschema-Root-Bildlaufleisten

Der Browser verwendet das bevorzugte Farbschema des Nutzers zum Rendern der scrollbaren Bereiche des Darstellungsbereichs, wenn der Wert für „Unterstützte Farbschemata der Seite“ „normal“ ist oder nicht angegeben ist und der berechnete Wert von color-scheme für das Stammelement normal ist. Scrollbalken des Darstellungsbereichs können als außerhalb des Webcontent betrachtet werden. Daher sollten die User-Agents das bevorzugte Farbschema des Nutzers beim Rendern von Viewport-Bildlaufleisten berücksichtigen, wenn der Entwickler die Unterstützung für Farbschemata nicht explizit angegeben hat.

Diese Änderung verhindert nicht, dass Entwickler das Farbschema für Bildlaufleisten steuern. Beim neuen Verhalten verwendet der Browser das bevorzugte Farbschema des Nutzers nur dann, um scrollbare Elemente im Viewport ohne Overlay zu rendern, wenn der Entwickler das Farbschema für das Stammelement nicht angegeben hat.

Titel [title] | Tracking-Fehler Nr. 40259909 | Eintrag in ChromeStatus.com | Technische Daten

Klasse view-transitions

Es gibt eine neue CSS-Property view-transition-class, mit der Sie eine oder mehrere Ansichtsübergangsklassen angeben können. Anschließend können Sie die ViewTransition-Pseudoelemente mit diesen Klassen, z. B. ::view-transition-group(*.class).

Dies ist eine Erweiterung der ViewTransition API, die das Stylen von Pseudoelementen für die Ansichtsübergänge auf ähnliche Weise vereinfacht, wie CSS-Klassen das Stylen regulärer DOM-Elemente vereinfachen.

Fehler-Tracking-ID 41492972 | Eintrag in ChromeStatus.com | Spezifikation

Wird geladen

HTTP- und HTTPS-URLs beim Erstellen von WebSocket akzeptieren

Durch dieses Update werden HTTP- und HTTPS-Schemata im WebSocket-Konstruktor aktiviert, sodass Entwickler auch relative URLs verwenden können. Diese werden auf die internen Schemata ws: und wss: normalisiert.

Tracking-Fehler Nr. 325979102 | ChromeStatus.com-Eintrag | Technische Daten

Web APIs

Ergänzungen der Attribution Reporting API

Die Attribution Reporting API wurde um Funktionen erweitert, um zusätzliche Funktionen zum Entfernen von Fehlern zu schaffen. Dazu werden jetzt Debug-Berichte zu Fehlern beim Parsen unterstützt. Außerdem wurde die API-Ergonomie verbessert, indem ein Feld zum Angeben der bevorzugten Registrierungsplattform hinzugefügt wurde. Außerdem wurde der Datenschutz verbessert.

ChromeStatus.com-Eintrag

Die Compute Pressure API

Die Compute Pressure API bietet Hochebenenstatus, die die CPU-Auslastung des Systems darstellen. Sie ermöglicht es, Implementierung, um die richtigen zugrunde liegenden Hardwaremesswerte zu verwenden, um sicherzustellen, die gesamte verfügbare Prozessorleistung nutzen, das System nicht unter unkontrollierbarer Belastung steht.

Die Design- und Implementierungsarbeit für diese API wurde von Intel geleitet. Damit können Videokonferenz-Apps Funktionen und die Leistung.

Compute Pressure API | Fehler-Tracking-ID 40683064 | ChromeStatus.com-Eintrag | Spezifikation

Dadurch wird die vorgeschlagene Erweiterung der Storage Access API gestartet (abwärts kompatibel und sich im Ursprungstest befand), um den Zugriff auf nicht partitionierte Cookies zu ermöglichen und die Speicherung ohne Cookies im Zusammenhang mit Drittanbietern. Die aktuelle API bietet nur Cookies, die andere Anwendungsfälle haben, als die Speicherung ohne Cookies.

Tracking-Fehler 40282415 | ChromeStatus.com-Eintrag | Spezifikation

FedCM-CORS-Anforderung für den Endpunkt der Identitätsbestätigung

Die Abrufe in der FedCM API sind aufgrund der Eigenschaften schwer zu verstehen. erforderlich sind. Während der Diskussion über die Konten Endpunkt ist es auch weitgehend der Konsens, dass der Endpunkt für die ID-Assertion CORS verwenden. Durch dieses Update werden die Sicherheitseigenschaften dieses Abrufs an andere Abrufe auf der Webplattform angepasst.

FedCM-Updates: Button Mode API-Ursprungstest, CORS und SameSite | Tracking-Fehler Nr. 40284123 | Eintrag in ChromeStatus.com

FedCM sendet jetzt Anfragen zur Bestätigung der Identität mit CORS. Diese Änderung bedeutet, dass Chrome SameSite=Strict-Cookies werden jedoch nicht mehr an den ID-Assertion-Endpunkt gesendet. Chrome sendet weiterhin SameSite=None. Da es nicht sinnvoll ist, eine E-Mail für den Kontoendpunkt und die ID-Assertion erreicht, sorgt diese Änderung für mehr Einheitlichkeit.

Das Senden von SameSite=Strict-Cookies entspricht auch dem requestStorageAccess-Verhalten und websiteübergreifenden Anfragen im Allgemeinen.

Bug-Tracking-ID 329145816 | ChromeStatus.com-Eintrag | Spezifikation

Interoperabilitäts-Standardaktion „mousemove“

In Chrome konnte das Abbrechen von mousemove-Ereignissen verhindert werden, um andere APIs wie die Textauswahl (und früher sogar Drag-and-drop) zu verhindern. Dies stimmt nicht mit anderen wichtigen Browser noch entspricht es der UI-Ereignisspezifikation. Jetzt wird die Textauswahl ist mehr die Standardaktion „mousemove“. Die Textauswahl und Drag-and-drop durch das Absagen von selectstart- und dragstart-Terminen weiterhin verhindert .

Diese Funktion wird ab Chrome 125 nach und nach eingeführt und voraussichtlich ab Chrome 126 für alle Nutzer verfügbar sein.

Demo | Tracking-Fehler 40078978 | ChromeStatus.com-Eintrag | Spezifikation

Modifikatoren für reguläre Ausdrücke

Mit regulären Ausdrucksmodifikatoren können die Flags i, m und s innerhalb eines Musters lokal geändert werden.

Um ein Flag für einen Unterausdruck zu aktivieren, verwenden Sie (?X:subexpr), wobei X einer der folgenden Werte ist: i, m oder s. Verwenden Sie (-X:subexpr), um ein Flag für einen Unterausdruck zu deaktivieren.

Für das Flag i, bei dem die Groß-/Kleinschreibung nicht berücksichtigt wird, gilt beispielsweise Folgendes:

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

ChromeStatus.com-Eintrag | Spezifikation

Duplizierte benannte Erfassungsgruppen in regulären Ausdrücken

Wenn Sie benannte Erfassungsgruppen duplizieren, können Sie denselben Namen für Erfassungsgruppen für mehrere Alternativen 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})).

ChromeStatus.com-Eintrag | Technische Daten

Chrome-Apps

Direct Sockets API in Chrome-Apps

Dieses Update erleichtert die Umstellung spezifischer Apps von Chrome-Apps auf Isolierte Web-Apps durch Aktivieren von Direct Sockets in Chrome-Apps, sodass Web-Apps TCP (Direct Transfer Control Protocol) und User Datagram Protocol einrichten Kommunikation (UDP) mit Netzwerkgeräten und Systemen

ChromeStatus.com-Eintrag | Technische Daten

Neue Ursprungstests

FedCM Button Mode API und Use Other Account API

Dieser Test umfasst die folgenden beiden FedCM APIs.

Mit der Button Mode API können Websites FedCM durch einen Klick auf eine Schaltfläche aufrufen, z. B. Klicken Sie auf die Schaltfläche Sign-in to IdP (Beim IdP anmelden). Dazu muss FedCM dafür sorgen, dass immer eine sichtbare Benutzeroberfläche angezeigt wird. Im Widget-Modus wird keine Benutzeroberfläche angezeigt, wenn sich Nutzer abmelden. Wenn die FedCM API im Schaltflächenmodus aufgerufen wird, werden Nutzer in einem Dialogfeld zum Anmelden beim IdP aufgefordert, wenn sie abgemeldet sind.

Da der Schaltflächenmodus in einer expliziten Nutzergeste aufgerufen wird, kann die Benutzeroberfläche auch im Vergleich zur Benutzeroberfläche des Widget-Modus, der keine so explizite Absicht hat, auffälliger sein (z. B. zentriert und modal). Weitere Informationen zur Funktionsweise der Button Mode API in FedCM-Updates: Button Mode API-Ursprungstest, CORS und SameSite

Mit der Use Other Account API können Identitätsanbieter Nutzern die Anmeldung in anderen Konten ermöglichen.

Ursprungstest | Demo | Tracking-Fehler Nr. 40284792 | ChromeStatus.com-Eintrag | Technische Daten

Zusammenklappbare APIs

Dieser Test umfasst die Device Posture API und die Viewport Segments Enumeration API. Diese APIs sollen Entwicklern dabei helfen, ihre Apps auf faltbare Geräte auszurichten.

Origin Trial | Origin Trial für faltbare APIs | ChromeStatus.com-Eintrag | Spezifikation

Test zur Einstellung von HTMLVideoElement-Vollbildeigenschaften und -methoden mit Präfix

Mit diesem Test zur Einstellung können Sie die Unterstützung für das Präfix HTMLVideoElement-Eigenschaften und -Methoden, wenn Sie mehr Zeit zum Anpassen Ihres Code.

Origin-Testversion | ChromeStatus.com-Eintrag

Vorab-Scan überspringen

Überspringt den Preload Scanner, um ihn zu erkunden Abstriche bei der Leistung bei Seiten ohne Abruf von Unterressourcen.

Der Schritt „Vorabladen“ verbessert die Leistung von Seiten mit Unterressource -Abrufvorgängen, durch Implementierung des spekulativen Prefetches. Bei Seiten ohne untergeordnete Ressourcen ist dies jedoch ein zusätzlicher Verarbeitungsaufwand mit wenig Nutzen.

Für fortgeschrittene Webnutzer, die von einer Verringerung dieses Overheads profitieren möchten, bietet dieser Test eine Einstellung auf Seitenebene, mit der der Preloader-Scanner deaktiviert werden kann. Daten aus diesem Test ermittelt werden, ob eine modifizierte API oder eine andere Implementierung des HTML-Preload-Scanners wäre hilfreich.

Origin-Test | Tracking-Fehler #330802493 | ChromeStatus.com-Eintrag | Spezifikation

Einstellung und Entfernung

Alias „window-placement“ für die Berechtigung und Berechtigungsrichtlinie „window-management“ entfernen

Der Alias „window-placement“ für die Berechtigung und die Berechtigungsrichtlinie „window-management“ wird entfernt. Dies ist Teil eines größeren Projekts, bei dem die Strings umbenannt werden, indem „window-placement“ eingestellt und entfernt wird. Durch die Änderung der Terminologie wird die Langlebigkeit des Descriptors verbessert, da sich die Window Management API im Laufe der Zeit weiterentwickelt.

Titel [title] | Tracking-Fehler Nr. 40842072 | Eintrag in ChromeStatus.com | Technische Daten

Entfernung der Unternehmensrichtlinie: NewBaseUrlInheritanceBehaviorAllowed

Die zugrunde liegende Codeänderung (neues Verhalten für die Übernahme der Basis-URL aktivieren), die durch diese Unternehmensrichtlinie überschrieben wird, ist seit August 2023 (Chrome 118) in stabilen Releases aktiviert. Da bekannte Probleme bereits behoben wurden, wurde diese Unternehmensrichtlinie in Chrome 125 entfernt.

ChromeStatus.com-Eintrag

Entfernen der Vollbildeigenschaften und Methoden für HTMLVideoElement mit Präfix

Die Vollbild-APIs mit Präfix HTMLVideoElement werden seit Chrome 38 nicht mehr unterstützt. Sie wurden durch Element.requestFullscreen() ersetzt, das 2018 in Chrome 71 ohne Präfix eingeführt wurde.

Die folgenden Eigenschaften und Methoden werden aus HTMLVideoElement entfernt:

  • webkitSupportsFullscreen
  • webkitDisplayingFullscreen
  • webkitEnterFullscreen()
  • webkitExitFullscreen()
  • webkitEnterFullScreen() (beachten Sie die unterschiedliche Groß- und Kleinschreibung des "S" in FullScreen)
  • webkitExitFullScreen()

Registrieren Sie sich für den in diesem Beitrag aufgeführten Test zur Einstellung, wenn dass Ihre Website immer noch darauf basiert, und Sie benötigen mehr Zeit für die Aktualisierung des Codes.

ChromeStatus.com-Eintrag

Weitere Informationen

Wenn Sie sich noch gründlicher informieren möchten, Sehen Sie sich diese zusätzlichen Ressourcen an.

Google Chrome herunterladen

Chrome herunterladen für Android-Geräte Computer oder iOS: