Veröffentlicht: 16. Oktober 2024
Sofern nicht anders angegeben, gelten die folgenden Änderungen für die neueste Version des Chrome-Betakanals für Android, ChromeOS, Linux, macOS und Windows. Weitere Informationen zu den hier aufgeführten Funktionen finden Sie über die bereitgestellten Links oder in der Liste auf ChromeStatus.com. Chrome 131 befindet sich seit dem 16. Oktober 2024 in der Betaphase. Sie können die neueste Version auf Google.com für Computer oder im Google Play Store für Android herunterladen.
CSS
Diese Version enthält acht neue CSS-Funktionen.
CSS-Ankern: anchor-scope
Mit dem Attribut anchor-scope lässt sich die Sichtbarkeit von Ankernamen auf einen bestimmten untergeordneten Knoten beschränken.
Preisvergleichsportal font-variant-emoji
Mit der CSS-Eigenschaft font-variant-emoji können Sie zwischen farbigen Emoji-Glyphen (Emoji-Stil) und monochromatischen (Textstil) Emoji-Glyphen steuern. Sie können auch nach jedem Emoji-Codepunkt eine Emoji-Variantenauswahl hinzufügen, nämlich U+FE0E für Text und U+FE0F für Emojis.
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.
Weitere Informationen finden Sie im Blogpost Inheritance changes for CSS selection styling von Stephen Chenney von Igalia.
Verbesserungen an der Stilstruktur der Elemente <details> und <summary>
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 im Web Disclosure- oder Akkordeon-Widgets erstellt werden. Durch diese Änderung werden insbesondere Einschränkungen aufgehoben, die das Festlegen der Display-Property für diese Elemente verhindert haben. Außerdem wird ein ::details-content-Pseudoelement hinzugefügt, um den Container für den Teil zu stylen, der maximiert und minimiert werden kann.
@page Rahmen für Ränder
Unterstützung für Seitenrandfelder beim Drucken eines Webdokuments oder beim Exportieren als PDF hinzugefügt.
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. Die Darstellung und der Inhalt eines Randfelds werden mit CSS-Eigenschaften in der at-Regel 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.
@property unterstützt die <string>-Syntax
Unterstützung des Namens der Syntaxkomponenten <string> für registrierte benutzerdefinierte Eigenschaften.
Unterstützung von „currentcolor“ in der relativen Farbsyntax
Relative Farben in CSS zulassen (mit dem Keyword from), wobei currentcolor als Basis verwendet wird. So können Sie anhand der Textfarbe eines Elements komplementäre Farben 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).
Externe SVG-Ressourcen für die Properties clip-path, fill, stroke und marker-* unterstützen
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")
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.
Speculation-Rules-Header von CSP-Einschränkungen ausnehmen
Aktualisiert die Einbindung von Spekulationsregeln und CSP, sodass die CSP nur auf <script type=speculationrules> und nicht auf den Speculation-Rules-Header angewendet wird. Die Scriptrichtlinien von CSP sollen vor der Einschleusung von Scripts in HTML schützen. Das CSP-Bedrohungsmodell bezieht sich nicht auf HTTP-Header. So können Spekulationsregeln einfacher über CDNs und andere Edge-Server bereitgestellt werden.
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.
Wenn ein Nutzer die Berechtigung erteilt, seine Identität bei einem externen Identitätsanbieter (Identity Provider, IdP) auf einer vertrauenden Partei (RP) zu verwenden, benötigen viele IdPs Drittanbieter-Cookies, um korrekt und sicher zu funktionieren. Dieser Vorschlag zielt darauf ab, diese Anforderung auf private und sichere Weise zu erfüllen. Dazu werden die Berechtigungsprüfungen der Storage Access API (SAA) aktualisiert, um nicht nur die Gewährung von Berechtigungen zu akzeptieren, die von einer Aufforderung für den Speicherzugriff erteilt werden, sondern auch die von einer FedCM-Aufforderung erteilte Berechtigung.
Eine wichtige Eigenschaft dieses Mechanismus besteht darin, die Berechtigung auf Fälle zu beschränken, die vom RP mit der FedCM-Berechtigungsrichtlinie ausdrücklich zugelassen sind. Außerdem wird eine Frames-basierte Steuerung für den RP erzwungen und die passive Überwachung durch den IdP über die von FedCM bereits gewährten Funktionen hinaus verhindert.
COOP-Wert noopener-allow-popups
Einige Ursprünge können verschiedene Anwendungen mit unterschiedlichen Sicherheitsanforderungen enthalten. In diesen Fällen kann es vorteilhaft sein, zu verhindern, dass Skripts, die in einer Anwendung ausgeführt werden, Seiten einer anderen Anwendung mit demselben Ursprung öffnen und Skriptseiten anderer Anwendungen erstellen können.
In solchen Fällen kann es für ein Dokument von Vorteil sein, dafür zu sorgen, dass das öffnende Dokument es nicht scripten kann, auch wenn es sich um ein Dokument mit demselben Ursprung handelt. Mit dem Wert für noopener-allow-popups Cross-Origin-Opener-Policy können Dokumente dieses Verhalten definieren.
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 gemeinsamem Speicher können dieses Limit umgehen, indem sie einen weiteren Vorgang im freigegebenen Speicher aufrufen. Da Protected Audience-Caller jedoch keinen dauerhaften Speicherplatz haben, gehen ihre überschüssigen Beiträge 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 diese größeren Berichte die Betriebskosten des Aggregationsdienstes erhöhen werden.
Parser-Lockerung auswählen
Durch diese Änderung erlaubt der HTML-Parser neben <option>, <optgroup> und <hr> auch zusätzliche Tags in <select>.
Diese Änderung dient der Unterstützung der anpassbaren <select>-Funktion, wird aber zuerst eingeführt, da sie separat durchgeführt werden kann und ein gewisses Kompatibilitätsrisiko birgt, zu dem das Chrome-Team Feedback erhalten möchte.
WebGPU: Clip-Abstä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.
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.
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.
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 mit der dynamischen Änderung der Größe des Eingabeframes zusammenhängen.
Neue Ursprungstests
In Chrome 131 können Sie die folgenden neuen Ursprungstests aktivieren.
Wiedergabestatistiken für WebAudio
Mit der Funktion AudioContext.playoutStats kann eine Anwendung die Qualität und Latenz der Audiowiedergabe mithilfe von WebAudio messen.
Summarizer API
Eine JavaScript API zum Erstellen von Zusammenfassungen von Eingabetext, die auf einem KI-Sprachmodell basiert.
Einstellung und Entfernung
In dieser Version von Chrome werden die folgenden Funktionen eingestellt oder entfernt. Auf ChromeStatus.com finden Sie Listen mit geplanten, aktuellen und früheren Einstellungen.
In dieser Version von Chrome wurden drei Funktionen entfernt.
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.
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.
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.