Buchstabenabstand in Schreibschrift ignorieren*

Chrome 137
Stabiles Release-Datum: 27. Mai 2025

CSS und UI
CSS if()-Funktion
Die CSS if()-Funktion bietet eine präzise Möglichkeit, bedingte Werte auszudrücken. Sie akzeptiert eine Reihe von Bedingungs-Wert-Paaren, getrennt durch Semikolons. Die Funktion wertet jede Bedingung sequenziell aus und gibt den Wert der ersten erfüllten Bedingung zurück. Ergibt keine der Bedingungen den Wert „true“, gibt die Funktion einen leeren Token-Stream zurück. So können Sie komplexe bedingte Logik einfach und präzise darstellen.

CSS-Eigenschaften „reading-flow“ und „reading-order“
Die CSS-Eigenschaft „reading-flow“ steuert die Reihenfolge, in der Elemente in einem Flex-, Grid- oder Blocklayout für Barrierefreiheitstools angezeigt und mithilfe der Tabulator-Taste fokussiert werden.

Mit der CSS-Eigenschaft „reading-order“ können Autoren die Reihenfolge innerhalb eines Lesefluss-Containers manuell ändern. Es handelt sich um eine Ganzzahl mit dem Standardwert 0.

Buchstabenabstand in Schreibschrift ignorieren
Diese Funktion fügt eine Logik hinzu, um die vom Entwickler festgelegte Einstellung für den Buchstabenabstand in Schreibschrift gemäß der Spezifikation zu ignorieren. So wird sichergestellt, dass der Buchstabenabstand die Wortstruktur nicht stört. Ziel ist es, Nutzern, die Schreibschrift verwenden, ein besseres Benutzererlebnis zu bieten.

Mit dieser Funktion stellt Chrome sicher, dass Schreibschrift auch dann lesbar und korrekt beabstandet ist, wenn die Schriftarten keine erweiterten typografischen Funktionen bieten.

Dies gilt in Chromium für Arabisch, Hanifi Rohingya, Mandäisch, Mongolisch, N'Ko, Phags Pa und Syrisch, da diese Schriften gemäß der Spezifikation als Schreibschrift gelten.

Auswahl-API getComposedRanges und Richtung
Diese Funktion bietet zwei neue API-Methoden für die Auswahl-API:

– Selection.direction gibt die Auswahlrichtung als „Keine“, „Vorwärts“ oder „Rückwärts“ zurück.
– Selection.getComposedRanges() gibt eine Liste mit 0 oder 1 zusammengesetzten statischen Bereichen zurück.
Ein zusammengesetzter statischer Bereich darf Schattengrenzen überschreiten, was bei normalen Bereichen nicht möglich ist.

Unterstützung von offset-path: shape()
Unterstützung von offset-path: shape(), um die Verwendung responsiver Formen zur Festlegung des Animationspfads zu ermöglichen.

Unterstützung des Transform-Attributs für SVGSVGElement
Diese Funktion ermöglicht die Anwendung von Transformationseigenschaften – wie Skalierung, Rotation, Translation und Neigung – direkt auf das <svg>-Stammelement mithilfe des Transform-Attributs. Diese Erweiterung ermöglicht die Bearbeitung des gesamten SVG-Koordinatensystems oder seines Inhalts und bietet so mehr Flexibilität bei der Erstellung dynamischer, responsiver und interaktiver Vektorgrafiken. Durch die Unterstützung dieses Attributs kann das <svg>-Element ohne zusätzliche Wrapper-Elemente oder komplexe CSS-Workarounds transformiert werden. Dies vereinfacht die Erstellung skalierbarer und animierter Webgrafiken.</svg></svg>

System-Akzentfarbe für die Eigenschaft „accent-color“
Dadurch können Sie die Akzentfarbe des Betriebssystems für Formularelemente verwenden. Mit der CSS-Eigenschaft „accent-color“ stellen Sie sicher, dass Formularelemente wie Kontrollkästchen, Optionsfelder und Fortschrittsbalken automatisch die vom Betriebssystem des Benutzers definierte Akzentfarbe übernehmen. Diese Funktion wird seit 2021 unter macOS und jetzt auch unter Windows und ChromeOS unterstützt.

<use> kann das Stammelement eines externen Dokuments referenzieren, indem das Fragment weggelassen wird.
Diese Funktion vereinfacht das SVG-<use>-Element, indem die Referenzierungsanforderungen gelockert werden. Vor Chrome 137 mussten Fragmente innerhalb des SVG-Dokuments explizit referenziert werden. Ohne Angabe einer Fragment-ID kann <use> das Ziel nicht auflösen und es wird nichts gerendert oder referenziert.</use></use></use>

Canvas-Gleitkomma-Farbtypen
Ermöglicht die Verwendung von Gleitkomma-Pixelformaten (im Gegensatz zu 8-Bit-Festkomma) mit CanvasRenderingContext2D, OffscreenCanvasRenderingContext2D und ImageData.

Dies ist für hochpräzise Anwendungen (z. B. medizinische Visualisierung), Inhalte mit hohem Dynamikumfang und lineare Arbeitsfarbräume erforderlich.

view-transition-name: match-element
Der Wert von match-element generiert eine eindeutige ID basierend auf der Identität des Elements und benennt diese für dieses Element um. Dies wird in Single-Page-Apps verwendet, in denen das Element verschoben wird und mit einem Ansichtsübergang animiert werden soll.

Zahlungen
Fehlertyp bei der Erstellung von WebAuthn-Anmeldeinformationen für Zahlungen anpassen: SecurityError wird zu NotAllowedError
Korrigieren Sie den Fehlertyp bei der Erstellung von WebAuthn-Anmeldeinformationen für Zahlungsanmeldeinformationen. Aufgrund einer historischen Spezifikationsabweichung wurde bei der Erstellung von Zahlungsanmeldeinformationen in einem Cross-Origin-Iframe ohne Benutzeraktivierung ein SecurityError anstelle eines NotAllowedError ausgelöst, der bei Nicht-Zahlungsanmeldeinformationen ausgelöst wird.

Dies ist eine grundlegende Änderung, wenn auch eine Nischenänderung. Code, der zuvor den ausgelösten Fehlertyp erkannt hat (z. B. e instanceof SecurityError), ist betroffen. Code, der lediglich Fehler bei der Erstellung von Anmeldeinformationen behandelt (z. B. catch (e)), funktioniert weiterhin korrekt.

Web-APIs
Blob-URL-Partitionierung: Abruf/Navigation
Als Weiterentwicklung der Speicherpartitionierung hat Chrome die Partitionierung des Blob-URL-Zugriffs nach Speicherschlüssel (Website der obersten Ebene, Frame-Ursprung und boolescher Wert „has-cross-site-ancestor“) implementiert. Ausnahmen bilden die Navigationen der obersten Ebene, die weiterhin nur nach Frame-Ursprung partitioniert sind. Dieses Verhalten ähnelt dem aktuellen Verhalten von Firefox und Safari und gleicht die Blob-URL-Nutzung dem Partitionierungsschema anderer Speicher-APIs im Rahmen der Speicherpartitionierung an. Darüber hinaus erzwingt Chrome nun „noopener“ bei rendererinitiierten Navigationen der obersten Ebene zu Blob-URLs, bei denen die entsprechende Website standortübergreifend zur Website der obersten Ebene ist, die die Navigation durchführt. Dies gleicht Chrome einem ähnlichen Verhalten in Safari an, und die entsprechenden Spezifikationen wurden entsprechend aktualisiert.

Aufruflisten in Absturzberichten von nicht reagierenden Webseiten
Diese Funktion erfasst die JavaScript-Aufrufliste, wenn eine Webseite aufgrund einer Endlosschleife oder anderer sehr langer Berechnungen nicht mehr reagiert. Dies hilft Entwicklern, die Ursache der Nichtreaktion zu identifizieren und einfacher zu beheben. Der JavaScript-Aufrufstapel ist in der Absturz-Berichts-API enthalten, wenn die Ursache nicht reagiert.

Dokument-Isolationsrichtlinie
Mit der Dokument-Isolationsrichtlinie kann ein Dokument CrossOriginIsolation selbst aktivieren, ohne dass COOP oder COEP bereitgestellt werden muss und unabhängig vom CrossOriginIsolation-Status der Seite. Die Richtlinie wird durch Prozessisolierung unterstützt. Darüber hinaus werden die Cross-Origin-Subressourcen des Dokuments, die nicht CORS-basiert sind, entweder ohne Anmeldeinformationen geladen oder benötigen einen CORP-Header.

Ed25519 in der Web-Kryptografie
Diese Funktion unterstützt Curve25519-Algorithmen in der Web-Kryptografie-API, insbesondere den Signaturalgorithmus Ed25519.

HSTS-Tracking-Schutz
Verhindert Benutzer-Tracking durch Dritte mithilfe des HSTS-Cache.

Diese Funktion erlaubt nur HSTS-Upgrades für Navigationen der obersten Ebene und blockiert HSTS-Upgrades für Anfragen untergeordneter Ressourcen. Dadurch wird es Drittanbieter-Websites unmöglich, den HSTS-Cache zu nutzen, um Nutzer im Web zu verfolgen.

WebAssembly
JavaScript Promise Integration
JavaScript Promise Integration (JSPI) ist eine API, die WebAssembly-Anwendungen die Integration mit JavaScript Promises ermöglicht.

Sie ermöglicht es einem WebAssembly-Programm, als Generator eines Promises zu fungieren und mit Promise-tragenden APIs zu interagieren.

Insbesondere wenn eine Anwendung JSPI verwendet, um eine Promise-tragende (JavaScript) API aufzurufen, wird der WebAssembly-Code angehalten; der ursprüngliche Aufrufer des WebAssembly-Programms erhält ein Promise, das erfüllt wird, sobald das WebAssembly-Programm abgeschlossen ist.

WebAssembly-Branch-Hinweise
Verbessert die Leistung von kompiliertem WebAssembly-Code, indem die Engine darüber informiert wird, dass ein bestimmter Branch-Befehl höchstwahrscheinlich einen bestimmten Pfad einschlägt.

Die Engine kann dadurch bessere Entscheidungen hinsichtlich des Code-Layouts (und damit der Zugriffsrate im Befehlscache) und der Registerzuweisung treffen.

WebGPU
GPUTextureView für externe Texturbindung
Beim Erstellen einer GPUBindGroup kann nun eine GPUTextureView für eine externe Texturbindung verwendet werden.

copyBufferToBuffer-Überladung
Die GPUCommandEncoder-Methode copyBufferToBuffer() bietet jetzt eine einfachere Möglichkeit, ganze Puffer mithilfe einer neuen Überladung mit optionalen Offsets und Größenparametern zu kopieren.

Enterprise
IP-Adressprotokollierung und -berichterstattung
Chrome Enterprise verbessert die Sicherheitsüberwachung und die Reaktion auf Vorfälle, indem lokale und Remote-IP-Adressen erfasst, gemeldet und an die Sicherheitsuntersuchungsprotokolle (SIT) gesendet werden. Darüber hinaus ermöglicht Chrome Enterprise Administratoren die optionale Übermittlung der IP-Adressen an SIEM-Anbieter von Erst- und Drittanbietern über den Chrome Enterprise Reporting Connector.

Origin-Testversionen
Attribut zur Blockierung von Rendern mit voller Bildrate
Fügt den Blockierungsattributen das neue Token zur Blockierung von Rendern mit voller Bildrate hinzu. Wenn der Renderer mit dem Token zur Blockierung von voller Bildrate blockiert ist, arbeitet er mit einer niedrigeren Bildrate, um mehr Ressourcen für das Laden zu reservieren.

Medienwiedergabe bei nicht gerenderten Iframes pausieren
Fügt eine Berechtigungsrichtlinie zur Medienwiedergabe ohne Rendering hinzu, die es eingebetteten Websites ermöglicht, die Medienwiedergabe von eingebetteten Iframes zu pausieren, die nicht gerendert sind, d. h. deren Anzeigeeigenschaft auf „Keine“ gesetzt ist. Dies soll Entwicklern die Entwicklung benutzerfreundlicherer Erlebnisse und die Verbesserung der Leistung ermöglichen, indem der Browser die Wiedergabe von Inhalten übernimmt, die für Nutzer nicht sichtbar sind.

Rewriter-API
Die Rewriter-API transformiert und formuliert Eingabetexte auf die gewünschte Weise um, unterstützt durch ein geräteinternes KI-Sprachmodell. Entwickler können diese API verwenden, um Redundanzen in einem Text zu entfernen, um eine Wortbegrenzung einzuhalten, Nachrichten umzuformulieren, damit sie der Zielgruppe gerecht werden, oder um konstruktiver zu sein, wenn eine Nachricht eine toxische Sprache verwendet, einen Beitrag oder Artikel umzuformulieren, um einfachere Wörter und Konzepte zu verwenden, und mehr.