Chrome 131

Datum der stabilen Version: 12. November 2024

Sofern nicht anders angegeben, gelten die folgenden Änderungen für die stabile Version von Chrome 131 für Android, ChromeOS, Linux, macOS und Windows.

CSS

CSS-Ankern: anchor-scope

Mit der Property anchor-scope lässt sich die Sichtbarkeit von Ankernamen auf einen bestimmten untergeordneten Knoten beschränken.

Tracking-Fehler Nr. 40281992 | ChromeStatus.com-Eintrag | Spezifikation

Preisvergleichsportal font-variant-emoji

Mit der CSS-Property font-variant-emoji können Sie zwischen farbigen (Emoji-Stil) und einfarbigen (Textstil) Emoji-Glyphen wechseln. Sie können auch nach jedem Emoji-Codepunkt eine Auswahl für Emoji-Varianten hinzufügen, z. B. U+FE0E für Text und U+FE0F für Emojis.

MDN font-variant-emoji | ChromeStatus.com-Eintrag

CSS-Highlight übernehmen

Mit der Funktion „CSS-Highlight übernehmen“ werden die Eigenschaften der CSS-Highlight-Pseudoklassen wie ::selection und ::highlight über die Pseudo-Highlight-Kette und nicht über die Elementkette übernommen. Das Ergebnis ist ein intuitiveres Modell für die Übernahme von Eigenschaften in Hervorhebungen.

Änderungen bei der Übernahme von Stilen für CSS-Auswahlen | ChromeStatus.com-Eintrag | Spezifikation

Verbesserungen an der Stilstruktur der <details>- und <summary>-Elemente

Unterstützung für mehr CSS-Styling für die Struktur von <details>- und <summary>-Elementen, damit diese Elemente in mehr Fällen verwendet werden können, in denen Offenlegungs- oder Akkordeon-Widgets im Web erstellt werden. Insbesondere werden durch diese Änderung Einschränkungen entfernt, die das Festlegen der Anzeigeeigenschaft für diese Elemente verhindert haben. Außerdem wird ein ::details-content-Pseudoelement hinzugefügt, um den Container für den Teil zu gestalten, der maximiert und minimiert werden soll.

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

@page Rahmen für Ränder

Unterstützung für Seitenrandfelder beim Drucken eines Webdokuments oder beim Exportieren als PDF hinzufügen

Mit den Rändern @page können Sie den Inhalt im Ränderbereich einer Seite definieren, z. B. benutzerdefinierte Kopf- und Fußzeilen anstelle der vom Browser generierten integrierten Kopf- und Fußzeilen verwenden.

Ein Randfeld wird mithilfe einer at-Regel in einer CSS-@page-Regel definiert. Das Aussehen und der Inhalt eines Ränder-Elements werden mit CSS-Eigenschaften innerhalb des At-Rules angegeben, einschließlich der Eigenschaft „content“. Zähler für die Seitennummerierung werden ebenfalls unterstützt. Die Spezifikation definiert zwei spezielle Zählernamen: page für die aktuelle Seitenzahl und pages für die Gesamtzahl der Seiten.

Inhalte in den Rändern von Webseiten beim Drucken mit CSS hinzufügen | Fehler-Tracking-ID 320370 | Eintrag in ChromeStatus.com | Spezifikation

@property unterstützt die <string>-Syntax

Unterstützung des Namens der Syntaxkomponenten <string> für registrierte benutzerdefinierte Eigenschaften.

Tracking-Fehler Nr. 357751736 | ChromeStatus.com-Eintrag | Spezifikation

Parser-Lockerung auswählen

Dadurch erlaubt der HTML-Parser Tags in <select> zusätzlich zu <option>, <optgroup> und <hr>.

Diese Änderung dient der Unterstützung der benutzerdefinierbaren <select>-Funktion.

Tracking-Fehler Nr. 335456114 | ChromeStatus.com-Eintrag

Unterstützung von currentcolor in der relativen Farbsyntax

Es ist zulässig, dass relative Farben in CSS (mit dem Schlüsselwort „from“) currentcolor als Basis verwenden. Auf diese Weise können Sie basierend auf der Textfarbe eines Elements Komplementärfarben für die Rahmen, Schatten oder Hintergründe dieses Elements festlegen.

Diese Funktion umfasst auch Anwendungsfälle, bei denen Farbfunktionen in Abhängigkeit von der aktuellen Farbe verschachtelt sind, z. B. color-mix(in srgb, rgb(from currentcolor r g b), white)) oder rgb(from rgb(from currentcolor 1 g b) b g r).

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

Unterstützung externer SVG-Ressourcen für die Properties clip-path, fill, stroke und marker-*

Mit dieser Funktion werden externe Referenzen für Clippfade, Markierungen und Paint-Server (für die Properties fill und stroke) unterstützt. Beispiel: clip-path: url("resources.svg#myPath").

Bug-Tracking-ID 40134477 | Eintrag in ChromeStatus.com | Spezifikation

Web APIs

Direct Sockets-API

Ermöglicht es isolierten Webanwendungen, eine direkte TCP- (Transmission Control Protocol) und UDP- (User Datagram Protocol) Kommunikation mit Netzwerkgeräten und ‑systemen herzustellen sowie eingehende Verbindungen zu empfangen und anzunehmen.

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

Header für Spekulationsregeln von CSP-Einschränkungen ausnehmen

Aktualisiert die Integration zwischen Spekulationsregeln und CSP, sodass CSP nur auf <script type=speculationrules> und nicht auf den Speculation-Rules-Header angewendet wird.

ChromeStatus.com-Eintrag | Spezifikation

FedCM als Vertrauenssignal für die Storage Access API

Hiermit werden die FedCM- und Storage Access APIs abgeglichen, indem ein vorheriger FedCM-Zugriff ein gültiger Grund ist, eine Anfrage für den Speicherzugriff automatisch zu genehmigen.

Tracking-Fehler #330574529 | ChromeStatus.com-Eintrag

noopener-allow-popups COOP-Wert

Einige Ursprünge können verschiedene Anwendungen mit unterschiedlichen Sicherheitsanforderungen enthalten. In diesen Fällen kann es sinnvoll sein, zu verhindern, dass Scripts, die in einer Anwendung ausgeführt werden, Seiten mit Scripts einer anderen Anwendung mit demselben Ursprung öffnen können.

In solchen Fällen kann es für ein Dokument von Vorteil sein, dafür zu sorgen, dass es vom Öffner nicht gescriptet werden kann, auch wenn das Öffnerdokument aus demselben Ursprung stammt.

Mit dem Wert für die Cross-Origin-Opener-Richtlinie noopener-allow-popups können Dokumente dies definieren.

Tracking-Fehler Nr. 344963946 | ChromeStatus.com-Eintrag

WebHID für dedizierte Worker

Aktiviert WebHID in dedizierten Worker-Kontexten. So können Sie umfangreiche E/A-Vorgänge und die Verarbeitung von Daten von einem HID-Gerät in einem separaten Thread ausführen und so die Leistungsauswirkungen auf den Hauptthread reduzieren.

ChromeStatus.com-Eintrag

WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo

Eine API, die WebRTC-Encoder so konfiguriert, dass Eingabeframes skaliert werden, wenn sie größer als die angegebenen maxWidth und maxHeight sind. Diese API ähnelt scaleResolutionDownBy, mit der Ausnahme, dass Einschränkungen für die Auflösung in absoluten Worten (z. B. 640 × 360) und nicht in relativen Ausdrücken ausgedrückt werden (z. B. Verkleinerung um 2). Damit werden Race-Bedingungen vermieden, die mit einer spontanen Änderung der Größe des Eingabe-Frames zusammenhängen.

ChromeStatus.com-Eintrag | Spezifikation

WebXR-Eingabemodul für Handzeichen – Stufe 1

Stellt Daten zu Handgelenken auf XrInputSources für die Verwendung während einer WebXr-Sitzung bereit. So können Entwickler während WebXR-Sitzungen detailliertere Interaktionen vornehmen.

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

Rendering und Grafiken

WebGPU-Clipabstände

Die optionale GPU-Funktion clip-distances wurde hinzugefügt, mit der benutzerdefinierte Clipping-Abstände in Vertex-Shader-Ausgaben festgelegt werden können. Diese Methode ist besonders nützlich für Anwendungen, bei denen alle Eckpunkte in einer Szene, die sich außerhalb einer benutzerdefinierten Ebene befinden, zuschneiden werden müssen, z. B. in vielen CAD-Anwendungen.

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

WebGPU: GPUCanvasContext getConfiguration()

Nachdem GPUCanvasContext configure() mit einem Konfigurations-Dictionary aufgerufen wurde, können Sie mit der Methode GPUCanvasContext getConfiguration() die Canvas-Kontextkonfiguration prüfen. Dazu gehören die Mitglieder der GPUs device, format, usage, viewFormats, colorSpace, toneMapping und alphaMode. Wie in Problem 4828 erläutert, können Web-Apps damit erkennen, ob HDR-Canvas in WebGPU unterstützt wird.

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

Datenschutz

Attribution Reporting API: Größe der Aggregationsschlüssel-ID für Triggerregistrierungen entfernen

Bisher wurde die Längenbeschränkung für die Aggregationsschlüssel-ID sowohl bei der Registrierung von Quellen als auch von Triggern geprüft. Da dieses Limit nicht aus Datenschutzgründen gilt und nicht im Speicher gespeichert wird, wird es bei Triggerregistrierungen entfernt.

Eintrag in ChromeStatus.com

Private Aggregation API: Beitragslimit für Protected Audience-Caller auf 100 erhöht

Scriptausführer für Protected Audience können jetzt bis zu 100 Beiträge pro Bericht mit privaten Datenaggregationen einreichen. Bisher war dies auf 20 Beiträge beschränkt.

Bei der privaten Aggregation wird die Anzahl der Histogramm-Beiträge begrenzt, die in einen einzelnen aggregierbaren Bericht eingebettet werden können. Zusätzliche Beiträge werden nicht berücksichtigt. Aufrufer von Shared Storage können das Limit umgehen, indem sie einen anderen Shared Storage-Vorgang aufrufen. Da Aufrufe von Protected Audience jedoch nicht dauerhaft gespeichert werden, gehen die überschüssigen Gebote am Ende der Auktion verloren. Diese Änderung hat keine Auswirkungen auf den Datenschutz, da die Beiträge der API weiterhin durch dasselbe Datenschutzbudget begrenzt sind.

Aufgrund des Paddings hat jeder Protected Audience-Bericht eine größere Nutzlast, auch wenn das höhere Beitragslimit nicht erforderlich war. Wir gehen davon aus, dass durch diese größeren Berichte die Betriebskosten des Zusammenfassungsdienstes steigen.

Fehler-Tracking-ID 360160864 | Eintrag in ChromeStatus.com

Ursprungstests

Playout-Statistik-API für WebAudio

Mit der AudioContext.playoutStats API kann eine Anwendung die Qualität und Latenz der Audiowiedergabe mit WebAudio messen.

Origin-Test | ChromeStatus.com-Eintrag | Spezifikation

ServiceWorkerStaticRouterTimingInfo

Fügt Zeitinformationen für die ServiceWorker Static Routing API hinzu, die in der Navigation Timing API und der Resource Timing API für Entwicklerzwecke bereitgestellt werden.

Der Service Worker stellt Zeitinformationen bereit, um bestimmte Zeitpunkte zu markieren. Wir fügen zwei für die Static Routing API relevante Zeitinformationen hinzu: RouterEvaluationStart, Zeit für den Beginn des Abgleichs einer Anfrage mit registrierten Routerregeln und CacheLookupStart. Die Zeit für die Suche im Cache-Speicher, wenn die Quelle "Cache" ist. Außerdem fügen wir zwei Informationen zur Routerquelle hinzu: die zugeordnete Routerquelle und die endgültige Routerquelle.

Origin-Testversion | ChromeStatus.com-Eintrag

Summarization API

Eine JavaScript API zum Erstellen von Zusammenfassungen von Eingabetext, die auf einem KI-Sprachmodell basiert.

Origin Trial | Summarization API documentation | Tracking-Fehler #351744634 | ChromeStatus.com-Eintrag

Translator API

Eine JavaScript API, die Webseiten Sprachübersetzungsfunktionen bietet.

Origin Trial | Translator API-Dokumentation | Tracking-Fehler #322229993 | ChromeStatus.com-Eintrag

Einstellung und Entfernung

CSS-Eigenschaft „Ankern“ entfernen inset-area

Die CSS-Arbeitsgruppe hat beschlossen, die Property inset-area in position-area umzubenennen. Durch diese Entfernung wird die Implementierung in Chromium für eine standardskonforme Funktion bereinigt.

Tracking-Fehler Nr. 352360007 | ChromeStatus.com-Eintrag

Möglichkeit zum Deaktivieren von BeforeunloadEventCancelByPreventDefault entfernen

Die Funktion BeforeunloadEventCancelByPreventDefault wurde in Chrome 117 eingeführt. Es gibt jedoch eine Unternehmensrichtlinie, mit der dieses Flag erzwungen werden kann. Die Unternehmensrichtlinie wird in Chrome 131 entfernt.

ChromeStatus.com-Eintrag

Nicht-Standard-GPUAdapter-Methode requestAdapterInfo() entfernen

Die WebGPU-Arbeitsgruppe hat entschieden, dass es unpraktisch ist, dass requestAdapterInfo() einen Berechtigungsaufforderung auslöst. Daher wurde diese Option entfernt und durch das GPUAdapter-Attribut info ersetzt, damit Webentwickler denselben GPUAdapterInfo-Wert synchron abrufen können.

ChromeStatus.com-Eintrag | Spezifikation

Weitere Informationen

Wenn Sie sich noch gründlicher informieren möchten, Weitere Informationen finden Sie hier:

Google Chrome herunterladen

Laden Sie Chrome für Android, Computer oder iOS herunter.