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 ist seit dem 16. Oktober 2024 als Betaversion verfügbar. 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-Eigenschaft „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-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 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 <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 im Web Disclosure- oder Akkordeon-Widgets 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.
@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. Das Aussehen und der Inhalt eines Ränder-Elements werden mit CSS-Eigenschaften innerhalb des At-Rules angegeben, einschließlich der content-Eigenschaft. 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.
Unterstützung der <string>-Syntax für @property
Unterstützung für den Namen der <string>-Syntaxkomponente für registrierte benutzerdefinierte Properties.
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).
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 „fill“- und „stroke“-Attribute) 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 hören und anzunehmen.
Speculation-Rules-Header von CSP-Einschränkungen ausnehmen
Die Integration zwischen Spekulationsregeln und CSP wird aktualisiert, sodass 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 zur Verwendung seiner Identität bei einem externen Identitätsanbieter (IdP) bei einer vertrauenden Partei (RP) erteilt, benötigen viele IdPs Drittanbieter-Cookies, um ordnungsgemäß und sicher zu funktionieren. Mit diesem Vorschlag soll diese Anforderung auf private und sichere Weise erfüllt werden. Dazu werden die Berechtigungsprüfungen der Storage Access API (SAA) aktualisiert, sodass nicht nur die Berechtigungserweiterung akzeptiert wird, die über einen Prompt für den Speicherzugriff erteilt wird, sondern auch die Berechtigungserweiterung, die über einen FedCM-Prompt erteilt wird.
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 Funktionen hinaus verhindert, die FedCM bereits gewährt.
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 einer anderen Anwendung desselben Ursprungs öffnen und skripten 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 noopener-allow-popups der Richtlinie „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 Shared Storage können das Limit umgehen, indem sie einen anderen Shared Storage-Vorgang 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 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.
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 Funktion <select>, wird aber zuerst eingeführt, da sie separat durchgeführt werden kann und nur geringe Risiken birgt. Das Chrome-Team würde gerne Feedback zu den Kompatibilitätsrisiken erhalten.
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 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.
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.
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 mit 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 werden 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 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.