Chrome 125

Stabiles Veröffentlichungsdatum:14. Mai 2024

Sofern nicht anders angegeben, gelten die folgenden Änderungen für Chrome 125 (stabile Version). Release-Version für Android, ChromeOS, Linux, macOS und Windows.

<ph type="x-smartling-placeholder">

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.

<ph type="x-smartling-placeholder"></ph> Tracking-Fehler Nr. 41490936 | ChromeStatus.com-Eintrag | Technische Daten

CSS

Positionierung von CSS-Ankern

Mithilfe der CSS-Ankerposition können Entwickler ein absolut positioniertes Element per Tethering verbinden. auf ein oder mehrere andere Elemente auf der Seite (die Anchors) auf deklarative Weise hinzu. ohne JavaScript verwenden. Die Positionierung von Ankern funktioniert gut, wenn die sind scrollbar. Ein häufiger Anwendungsfall ist die Positionierung eines Pop-overs, z. B. Kurzinfo neben dem Element, das es aufgerufen hat, oder einem Auswahlmenü und dem zugehörigen Pop-over Liste mit Optionen. Vor der Ankerpositionierung um das Pop-over dynamisch zu positionieren und es als verankertes das aufgerufene Element gescrollt wurde. richtig zu machen. Mit der Ankerpositionierung können diese Anwendungsfälle leistungsstark und deklarativ.

Die Ankerpositionierungsfunktion besteht aus einer großen Anzahl von CSS-Eigenschaften. A Einige der wichtigsten Eigenschaften sind:

  • anchor-name: richtet ein Element als Anker für andere Elemente ein.
  • position-anchor: beschreibt den „Standard“ ein verankertes Element die für die Positionierung der Anker verwendet werden soll.
  • Die anchor()-Funktion: wird verwendet, um auf die Position des Ankers zu verweisen. -Element beim Positionieren des verankerten Elements.
  • inset-area: Abkürzung für Positioning (Positionierung) für gemeinsame relative Positionen.

<ph type="x-smartling-placeholder"></ph> 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 der 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-Restoperator. (%). 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.

<ph type="x-smartling-placeholder"></ph> Tracking-Fehler Nr. 40253179 | ChromeStatus.com-Eintrag | Technische Daten

<ph type="x-smartling-placeholder">

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

Mit dem benutzerdefinierten CSS-Status können benutzerdefinierte Elemente ihre eigenen 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.

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com-Eintrag | Technische Daten

Entfernen Sie Diskontinuität für Oklab- und Oklch-Farben mit einer Helligkeit von fast 100% oder 0

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.

Bei diesem Rollback werden diese Farben nicht mehr künstlich zugeordnet und der die resultierende Anzeigefarbe fortlaufend mit benachbarten Farben und hängt davon ab, Gamut-Zuordnung für den Bildschirm.

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com-Eintrag | Technische Daten

Stamm-Bildlaufleisten für Farbschema verwendet

Der Browser kann das vom Nutzer bevorzugte Farbschema verwenden, um den Darstellungsbereich zu rendern. Bildlaufleisten, wenn der Wert von „Seiten unterstützte Farbschemas“ ist „normal“ oder nicht und der berechnete Wert von color-scheme für das Stammelement ist normal. sind Bildlaufleisten des Darstellungsbereichs außerhalb des Web-Contents. Daher sollten die User-Agents die bevorzugtes Farbschema beim Rendern von Bildlaufleisten des Darstellungsbereichs, wenn der Entwickler nicht explizit angegebene Unterstützung für Farbschemata.

Diese Änderung hindert Entwickler nicht daran, das Farbschema für Bildlaufleisten. Durch das neue Verhalten verwendet der Browser die vom Nutzer bevorzugten Farbschema zum Rendern von Bildlaufleisten ohne Overlay für den Darstellungsbereich nur dann, wenn der Entwickler hat kein Farbschema für das Stammelement angegeben.

<ph type="x-smartling-placeholder"></ph> Titel [title] | Tracking-Fehler Nr. 40259909 | Eintrag in ChromeStatus.com | Technische Daten

Klasse view-transitions

Mit der neuen CSS-Eigenschaft view-transition-class können Sie Geben Sie mindestens eine Übergangsklasse für die Ansicht an. Anschließend können Sie die ViewTransition-Pseudoelemente mit diesen Klassen, z. B. ::view-transition-group(*.class).

Dies ist eine Erweiterung der ViewTransition API. der die Gestaltung von Pseudoelementen des Ansichtsübergangs auf ähnliche Weise vereinfacht. dass CSS-Klassen die Gestaltung regulärer DOM-Elemente vereinfachen.

<ph type="x-smartling-placeholder"></ph> Tracking-Fehler Nr. 41492972 | ChromeStatus.com-Eintrag | Technische Daten

Wird geladen

HTTP- und HTTPS-URLs beim Erstellen von WebSocket akzeptieren

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

<ph type="x-smartling-placeholder"></ph> Tracking-Fehler Nr. 325979102 | ChromeStatus.com-Eintrag | Technische Daten

Web APIs

Ergänzungen der Attribution Reporting API

Die Attribution Reporting API umfasst neue Funktionen, mit denen Sie zusätzliche durch Parsing von Fehlern in Berichten, Ergonomie durch Unterstützung eines Felds zur Angabe der bevorzugten Registrierungsplattform und den Datenschutz zu verbessern.

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com-Eintrag

Die Compute Pressure API

Die Compute Pressure API bietet die die CPU-Auslastung im System 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.

<ph type="x-smartling-placeholder"></ph> Compute Pressure API | Tracking-Fehler Nr. 40683064 | Eintrag in ChromeStatus.com | Technische Daten

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.

<ph type="x-smartling-placeholder"></ph> Tracking-Fehler Nr. 40282415 | ChromeStatus.com-Eintrag | Technische Daten

FedCM-CORS-Anforderung auf ID-Assertion-Endpunkt

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 anderen Abrufen auf der Webplattform.

<ph type="x-smartling-placeholder"></ph> FedCM-Updates: Button Mode API-Ursprungstest, CORS und SameSite | Tracking-Fehler Nr. 40284123 | Eintrag in ChromeStatus.com

FedCM sendet jetzt ID-Assertion-Anfragen mit CORS. Das 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.

Wenn keine SameSite=Strict-Cookies gesendet werden, stimmt das auch mit requestStorageAccess-Verhalten und websiteübergreifende Anfragen im Allgemeinen.

<ph type="x-smartling-placeholder"></ph> Tracking-Fehler Nr. 329145816 | ChromeStatus.com-Eintrag | Technische Daten

Interoperabilitäts-Standardaktion „mousemove“

In Chrome konnten „mousemove“-Ereignisse abgebrochen werden, um andere APIs wie Text zu verhindern. (und in der Vergangenheit sogar per Drag-and-drop verschoben haben). Das ist nicht mit anderen wichtigen Browser noch der UI-Ereignisspezifikation entspricht. Jetzt wird die Textauswahl ist mehr die Standardaktion „mousemove“. Die Textauswahl und Drag-and-drop wird immer noch verhindert, wenn selectstart- und dragstart-Termine abgesagt werden .

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

<ph type="x-smartling-placeholder"></ph> Demo | Tracking-Fehler Nr. 40078978 | Eintrag in ChromeStatus.com | Technische Daten

Modifikatoren für reguläre Ausdrücke

Mit Modifikatoren für reguläre Ausdrücke können Sie i, m, und s innerhalb eines Musters angeben.

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

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com-Eintrag | Technische Daten

Reguläre Ausdrücke duplizieren benannte Erfassungsgruppen

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

<ph type="x-smartling-placeholder"></ph> 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

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com-Eintrag | Technische Daten

Neue Ursprungstests

FedCM Button Mode API und Use Andere Account API

Dieser Ursprungstest 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). FedCM muss dies garantieren im Gegensatz zum Widget-Modus immer mit einer sichtbaren Benutzeroberfläche, die nach der Abmeldung keine Benutzeroberfläche anzeigt. Durch Aufrufen der FedCM API in Im Schaltflächenmodus melden sich Nutzer in einem Dialogfenster beim IdP an, wenn Nutzer sind abgemeldet.

Da der Schaltflächenmodus innerhalb eines expliziten kann die Benutzeroberfläche besser sichtbar sein (z. B. zentriert und modales Fenster) im Vergleich zur Benutzeroberfläche aus dem Widget-Modus (die keine so expliziten Absicht des Nutzers. Weitere Informationen zur Funktionsweise der Button Mode API in FedCM-Updates: Button Mode API-Ursprungstest, CORS und SameSite

Mit der Use Andere Account API können sich Nutzer bei einem Identitätsanbieter anmelden andere Konten.

<ph type="x-smartling-placeholder"></ph> Ursprungstest | Demo | Tracking-Fehler Nr. 40284792 | ChromeStatus.com-Eintrag | Technische Daten

Faltbare APIs

Dieser Ursprungstest enthält die Device Posture API und die Darstellungsbereichssegmente Enumeration API verfügbar sind. Diese APIs helfen Entwicklern, sich auf faltbare Smartphones Geräte.

<ph type="x-smartling-placeholder"></ph> Ursprungstest | Ursprungstest für faltbare APIs | Eintrag in ChromeStatus.com | Technische Daten

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.

<ph type="x-smartling-placeholder"></ph> Ursprungstest | ChromeStatus.com-Eintrag

Vorabladen übergehen

Ü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. Für Seiten die nicht von diesem Schritt profitieren, d. h. für Seiten ohne Unterressourcen ein zusätzlicher Verarbeitungsaufwand, der wenig Nutzen bringt.

Fortgeschrittene Webnutzer, die von einer Reduzierung dieses Aufwands profitieren möchten, Test bietet eine Steuerung auf Seitenebene, um den Scanner für das Vorabladen zu deaktivieren. Daten aus diesem Test ermittelt werden, ob eine modifizierte API oder eine andere Implementierung des HTML-Preload-Scanners wäre hilfreich.

<ph type="x-smartling-placeholder"></ph> Ursprungstest | Tracking-Fehler Nr. 330802493 | Eintrag in ChromeStatus.com | Technische Daten

Einstellung und Entfernung

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

Entfernt die Spalte „window-placement“ Alias für Berechtigungs- und Berechtigungsrichtlinie „window-management“. Dies ist Teil einer größeren Bemühung, die Zeichenfolgen umzubenennen, schließlich "window-placement" wird verworfen und entfernt. Die Änderung der Terminologie verbessert die Langlebigkeit des Deskriptors, da das Fenster Die Management API entwickelt sich im Laufe der Zeit weiter.

<ph type="x-smartling-placeholder"></ph> Titel [title] | Tracking-Fehler Nr. 40842072 | Eintrag in ChromeStatus.com | Technische Daten

Entfernung der Unternehmensrichtlinie: NewBaseUrlInheritanceBehaviorAllowed

Die zugrunde liegende Codeänderung (ermöglicht neues Verhalten der Basis-URL-Vererbung), die diese Überschreibungen von Unternehmensrichtlinien sind in stabilen Releases seit August aktiviert 2023 (Chrome 118), Da bekannte Probleme behoben wurden, in Chrome 125 entfernt.

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com-Eintrag

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

Die Vollbild-APIs mit dem Präfix HTMLVideoElement wurden seitdem eingestellt Chrome 38. Sie wurden durch Element.requestFullscreen() ersetzt, das zuerst 2018 in Chrome 71 ohne Präfix.

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.

<ph type="x-smartling-placeholder"></ph> 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: