Chrome 131

Datum der stabilen Version: 12. November 2024

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

CSS

CSS-Eigenschaft „Ankern“: „anchor-scope“

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

Fehler-ID 40281992 im Fehler-Tracker | Eintrag in ChromeStatus.com | 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

Änderungen an der CSS-Hervorhebungsvererbung sollten eigentlich in Chrome 131 eingeführt werden, wurden aber aus Kompatibilitätsgründen entfernt.

Ä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 aufgehoben, die das Festlegen des Attributs „display“ für diese Elemente verhindert haben. Außerdem wird das Pseudo-Element ::details-content hinzugefügt, um den Container für den Teil zu stylen, der maximiert und minimiert werden kann.

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 Ränder-Box wird mit einer At-rule 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 <string>-Syntax

Unterstützung für den Namen der <string>-Syntaxkomponente für registrierte benutzerdefinierte Properties.

Fehler-ID 357751736 | Eintrag in ChromeStatus.com | 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 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. So können Sie anhand der Textfarbe eines Elements Komplementärfarben für die Rahmen, Schatten oder Hintergründe dieses Elements festlegen.

Diese Funktion umfasst auch Anwendungsfälle, in denen Farbfunktionen verschachtelt sind und von „currentcolor“ abhängen, 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 Eigenschaften 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.

Tracking-Fehler #40604287 | ChromeStatus.com-Eintrag | Spezifikation

Speculation-Rules-Header 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

COOP-Wert „noopener-allow-popups“

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 „Cross-Origin-Opener-Policy“ von noopener-allow-popups können Sie das in Dokumenten definieren.

Fehler-ID 344963946 | Eintrag in ChromeStatus.com

WebHID auf dedizierten Workern

Aktiviert WebHID in speziellen 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, um die Leistungsauswirkungen auf den Hauptthread zu 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 Auflösungsbeschränkungen in absoluten (z. B. 640 × 360) statt in relativen (z. B. um 2 verkleinern) angegeben werden. So werden Race-Bedingungen vermieden, die durch die Änderung der Eingabeframe-Größe in Echtzeit entstehen.

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 beibehalten wird, wird es bei Triggerregistrierungen entfernt.

ChromeStatus.com-Eintrag

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 Protected Audience-Caller jedoch keinen persistenten Speicher haben, verlieren sie ihre überschüssigen Beiträge am Ende der Auktion. 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 Bericht zu geschützten Zielgruppen eine größere Nutzlast, auch wenn das größere Beitragslimit nicht erforderlich war. Wir gehen davon aus, dass diese größeren Berichte die Betriebskosten des Aggregationsdienstes erhöhen werden.

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

Ursprungstests

Playout Statistics API für WebAudio

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

Origin-Testversion | ChromeStatus.com-Eintrag | Spezifikation

ServiceWorkerStaticRouterTimingInfo

Fügen Sie Zeitangaben für die ServiceWorker Static Routing API hinzu, die in der Navigation Timing API und der Resource Timing API für Entwickler verfügbar sind.

Der Dienst-Worker stellt Zeitinformationen bereit, um bestimmte Zeitpunkte zu markieren. Wir fügen zwei API-relevante Zeitinformationen für die statische Route hinzu: „RouterEvaluationStart“, die Zeit, zu der mit der Übereinstimmung einer Anfrage mit registrierten Routerregeln begonnen wird, und „CacheLookupStart“, die Zeit, zu der mit der Suche im Cachespeicher begonnen wird, wenn die Quelle „cache“ ist. Außerdem fügen wir zwei Routerquelleninformationen hinzu: die übereinstimmende 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 #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 standardmäßige GPUAdapter-requestAdapterInfo()-Methode 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.