Sofern nicht anders angegeben, gelten die folgenden Änderungen für die neueste Betaversion der Chrome-Betaversion 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 121 ist seit dem 6. Dezember 2023 als Betaversion verfügbar. Du kannst die neuesten Versionen auf Google.com für Computer oder im Google Play Store für Android herunterladen.
CSS
In dieser Version werden sechs neue CSS-Funktionen hinzugefügt.
Übernahme von CSS-Highlights
Bei der Funktion „CSS Highlight Inheritance“ übernehmen die CSS-Highlights-Pseudoklassen wie ::selection und ::highlight ihre Eigenschaften über die Pseudo-Hervorhebungskette und nicht über die Elementkette. Das Ergebnis ist ein intuitiveres Modell für die Übernahme von Eigenschaften in Markierungen.
Damit wird die Anforderung der Spezifikation für CSS-Pseudos Level 4 umgesetzt:
„Wenn eine unterstützte Eigenschaft keinen Wert von der Kaskade erhält, wird ihr angegebener Wert durch Übernahme des entsprechenden Pseudoelements „hervorheben“ des übergeordneten Elements des übergeordneten Elements bestimmt.“
CSS-Bildlaufleisten: scrollbar-color und scrollbar-width
Mit der CSS-Spezifikation für Bildlaufleisten können Entwickler Bildlaufleisten gestalten, indem sie ihre Farben und Stärke angeben. Durch diese Spezifikation werden die folgenden beiden Eigenschaften hinzugefügt. Mit der Eigenschaft scrollbar-color kann das Farbschema von Bildlaufleisten so geändert werden, dass sie besser zum Stil einer Webseite passen. Mit der Eigenschaft scrollbar-width können schmalere Bildlaufleisten verwendet werden, die für einige Anwendungsfälle besser geeignet sind. Sie können auch vollständig ausgeblendet werden, ohne die Scrollbarkeit zu beeinträchtigen.
CSS-Animation „font-palette“ für Farbschriftarten
Mit der CSS-Eigenschaft font-palette kann eine bestimmte Palette zum Rendern einer Farbschrift ausgewählt werden. Durch die neue Unterstützung für die Animation dieser Eigenschaft ist der Übergang zwischen den Paletten kein separater Schritt mehr, sondern ein reibungsloser Übergang zwischen zwei ausgewählten Vorlagen. Dies funktioniert überall in CSS-Animationen und -Übergängen.
Rechtschreib- und Grammatikfunktionen für CSS
CSS hebt Pseudoelemente für den Stil von Text hervor, die der User-Agent als falsch geschrieben oder grammatikalisch falsch markiert hat, sowie Linienverzierungen, durch die die Standardgestaltung des User-Agents auf Rechtschreib- und Grammatikfehler hindeutet. Dank dieser Funktionen können Entwickler besser lesbare Farben für die standardmäßigen Rechtschreib- und Grammatikfehler auswählen, falsch geschriebene Wörter mit Hintergrundfarben oder anderen Dekorationen hervorheben und eine benutzerdefinierte Rechtschreibprüfung implementieren, die sich nahtlos in die Geräteumgebung einfügt.
Verbesserte CSS-Maskierung für SVG
Dies ist eine Folge der verbesserten Unterstützung von CSS-Masken in Chrome 120. SVG wird jetzt um neue Masken unterstützt (mehrere Masken sowie mask-mode, mask-composite, mask-position und mask-repeat). Darüber hinaus werden jetzt auch SVG-Remote-Masken (z. B. mask: url(masks.svg#star)) unterstützt.
Ruby-spezifische Anzeigewerte
Es wurden die neuen CSS-Eigenschaftswerte ruby und ruby-text hinzugefügt. Die Standardanzeigewerte von <ruby> und <rt> werden in ruby bzw. ruby-text geändert. Das Ruby-Layout berücksichtigt diese Anzeigewerte. Webautoren können beliebige Elemente wie <div> verwenden, um Ruby zu rendern, indem sie die neuen Anzeigewerte festlegen.
Web APIs
Feature Bundle für Attributionsberichte: Reduzierte aggregierte Verzögerungen, Epsilon-Feld für Berichte auf Ereignisebene, reservierte Schlüssel
In Chrome wurden die folgenden Änderungen an der Attribution Reporting API vorgenommen:
- Übertragungsverlust durch Unterstützung von geringeren Verzögerungen bei aggregierten Berichten reduzieren
- Zusätzliche API-Konfigurierbarkeit durch die Unterstützung eines Epsilon-Berichts auf Ereignisebene
- Verbesserte Erweiterbarkeit der API durch fehlgeschlagene Registrierungen bei reservierten Schlüsseln.
Back-Forward-Cache-API „notRestoredReason“
Die notRestoredReason API gibt mithilfe der PerformanceNavigationTiming API eine Liste der Gründe zurück, warum eine Seite nicht aus dem bfcache bereitgestellt wird.
Nutzergeste für APIs zur Größenanpassung im Bild im Bild von Dokumenten verlangen
Dadurch werden die Methoden resizeBy() und resizeTo() in Bild-im-Bild-Fenstern von Dokumenten aktiviert, allerdings mit der zusätzlichen Einschränkung einer Nutzergestenanforderung, um das Missbrauchspotenzial zu minimieren.
EditContext API
Die EditContext API vereinfacht die Integration einer Webanwendung mit erweiterten Texteingabemethoden wie VK-Formenschrift, Handschriftbereichen, Spracherkennung und IME-Kompositionen. Es verbessert die Barrierefreiheit und Leistung und bietet neue Funktionen für webbasierte Editoren.
Funktionserkennung für unterstützte Zwischenablageformate
Sie können jetzt prüfen, ob die Async Clipboard API einen bestimmten MIME-Typ unterstützt, indem Sie die neue supports()-Funktion aufrufen und den MIME-Typ als Argument übergeben, z. B. ClipboardItem.supports('image/png').
HTMLSelectElement showPicker()
Die Methode showPicker() von HTMLSelectElement bietet Entwicklern die Möglichkeit, die Optionsauswahl eines <select>-Elements programmatisch nach dem Muster von input.showPicker() zu öffnen.
MediaCapabilities: HDR-Unterstützung mit decodingInfo() abfragen
Erweitert die Media Capabilities API, um die Erkennung von HDR-Rendering-Unterstützung über drei neue VideoConfiguration-Wörterbuchfelder zu ermöglichen: hdrMetadataType, colorGamut und transferFunction.
Chromium implementiert seine eigenen Algorithmen für die Tonzuordnung, sodass bei statischen HDR10-Metadaten (smpteSt2086) immer „true“ zurückgegeben wird. Die dynamischen Metadaten smpteSt2094-40 (HDR10+) und smpteSt2094-10 werden derzeit nicht unterstützt. Deshalb wird „false“ zurückgegeben.
Private Aggregation API: Auswahl des Aggregationskoordinator
Diese Änderung an der Private Aggregation API bietet einen Mechanismus zum Auswählen des Koordinator, der für die Verschlüsselung der Nutzlast verwendet werden soll (aus einer vom Anbieter angegebenen Zulassungsliste). Die Dienstauswahl wird mit einer zusätzlichen Option in den run()- und selectURL()-Aufrufen des freigegebenen Speichers sowie in den runAdAuction()- und joinAdInterestGroup()-Aufrufen von Protected Audience getroffen. Dieser Ansatz entspricht weitgehend dem der Attribution Reporting API.
Remote Wiedergabe API auf dem Computer
Diese API ist eine Erweiterung von HTMLMediaElement, mit der die Remote-Wiedergabe von Medien von einer Webseite aus gesteuert werden kann. Diese Version wurde unter Android in Chrome 56 ausgeliefert und ist ab Chrome 121 auf dem Computer verfügbar.
Speculation Rules API
Für die Speculation Rules API gibt es neue Funktionen.
Unterstützung von Dokumentregeln: Dies ist eine Erweiterung der Syntax für Spekulationsregeln, mit der der Browser die Liste der URLs für spekulatives Laden aus <a>-Elementen auf einer Seite abrufen kann. Sie können Kriterien für die Verwendung dieser Links enthalten. Zusammen mit dem neuen Feld "Eagerness" für Spekulationsregeln können Entwickler Links auf Seiten sofort, durch Bewegen des Mauszeigers oder eines Mauszeigers automatisch vorab abrufen oder rendern.
Mit einer anderen Änderung können Spekulationsregeln mit dem Speculation-Rules-HTTP-Antwortheader als Alternative zur Verwendung von Inline-<script>-Elementen angegeben werden. Der Wert dieses Headers muss eine URL sein, die auf eine Textressource mit dem MIME-Typ "application/speculationrules+json" verweist. Die Regeln der Ressource werden dem Regelsatz des Dokuments hinzugefügt.
Schließlich ermöglicht der No-Vary-Search-Hinweis den Abgleich spekulativer Prefetches auch dann, wenn sich URL-Suchparameter ändern. Der HTTP-Antwortheader No-Vary-Search deklariert, dass einige oder alle Teile der Anfrage einer URL für den Abgleich ignoriert werden können. Sie kann deklarieren, dass Übereinstimmungen nicht durch die Reihenfolge der Suchparameterschlüssel oder nur durch bestimmte bekannte Suchparameter verhindert werden oder dass nur bestimmte bekannte Suchparameter zu Abweichungen führen.
Interface-Objekte von SpeechSynthesis und SpeechSynthesisVoice
Die bereits unterstützten Funktionen werden um die Oberflächenobjekte für SpeechSynthesis und SpeechSynthesisVoice ergänzt. Dies ermöglicht die Funktionserkennung mithilfe von SpeechSynthesisVoice.prototype.
Storage Buckets API
Storage-Buckets ermöglichen es Websites, On-Device-Daten in separaten „Buckets“ zu organisieren. So können User-Agents die gruppierten Daten unabhängig von den Daten in anderen Buckets entfernen und Websites können semantisch verwandte Daten ergonomisch verwalten. Jeder Storage-Bucket kann Daten enthalten, die mit vorhandenen Storage-APIs wie IndexedDB und CacheStorage verknüpft sind.
URLPattern: Links übernehmen, Platzhalter rechts
Das Verhalten ändert sich bei Mustern, die mithilfe einer Basis-URL, der Konstruktorstring-Syntax oder beidem erstellt werden, jedoch nicht bei einem Muster, das Komponenten explizit separat ohne Basis-URL angibt.
Komponenten werden nicht von einer Basis-URL übernommen, wenn explizit eine „frühere“ Komponente angegeben ist. Im Stringformat werden nicht angegebene „spätere“ Komponenten implizit als Platzhalter eingefügt. Sie müssen nicht leer sein (mit Ausnahme des Ports, der immer angegeben wird, wenn der Hostname vorhanden ist). Nutzername und Passwort werden niemals implizit angegeben oder übernommen.
Dadurch werden die Muster umfangreicher als zuvor, in Fällen, in denen Platzhalter bevorzugt werden sollen.
URLPattern: RegExp-Flag v anstelle von u
Mit der URL Pattern API können Entwickler Musterstrings angeben. Diese werden intern in reguläre Ausdrücke umgewandelt.
Bei der ersten Implementierung der API wurden diese regulären Ausdrücke mit dem Flag u kompiliert. In Chrome 121 wird es auf das Flag v aktualisiert, wodurch Unicode-Sets aktiviert werden.
Ergänzungen zu WebGPU
Mit WebGPU können Entwickler beim Erstellen einer Pipeline Einstiegspunkte zu Shader-Modulen weglassen, wodurch die Ergonomie verbessert wird. Wenn kein Standardeinstiegspunkt gefunden wird, wird wie gewohnt ein GPUValidationError ausgelöst.
WebGPU-Zeitstempelabfragen ermöglichen es WebGPU-Anwendungen, bis auf die Nanosekunde genau zu messen, wie viel Zeit ihre GPU-Befehle für die Ausführung benötigen, insbesondere zu Beginn und am Ende von Durchläufen. Zeitstempelabfragen werden häufig verwendet, um Einblicke in die Leistung und das Verhalten von GPU-Arbeitslasten zu gewinnen.
Obwohl die WebGPU-Spezifikation Zeitstempelabfragen zu einer optionalen Funktion aufgrund von Zeitungsangriffen macht, sind wir der Meinung, dass die Quantisierung von Zeitstempelabfragen einen guten Mittelweg bietet, da sie die Genauigkeit von Timern mit einer Auflösung von 100 Mikrosekunden verringert.
X25519Kyber768-Schlüsselkapselung für TLS
Schützen Sie aktuellen Chrome TLS-Traffic vor zukünftigen Quantenkryptoanalyse, indem Sie den quantensicheren Schlüsselvereinbarungsalgorithmus Kyber768 bereitstellen. Dies ist eine hybride X25519- und Kyber768-Schlüsselvereinbarung auf der Grundlage eines IETF-Standards. Diese Spezifikation und die Einführung liegen außerhalb des Geltungsbereichs von W3C. Diese Schlüsselvereinbarung wird als TLS-Chiffre eingeführt und sollte für Nutzer transparent sein.
Ursprungstests laufen
In Chrome 121 können Sie die folgenden neuen Ursprungstests aktivieren.
Element Capture API
Die Element Capture API bietet Methoden zum Erfassen einer Unterstruktur des DOM.
Bei einem MediaStreamTrack-Video, das über bestehende Mittel zur Initiierung der Tab-Erfassung abgerufen wurde, ermöglicht Element Capture das Ändern des Tracks, sodass nur eine Unterstruktur des DOMs beginnend bei einem bestimmten Element erfasst wird.
Die API ähnelt in gewisser Weise der Region Capture API, bietet jedoch mehr Flexibilität für Anwendungen, da verdeckte und verdeckte Inhalte von der Aufnahme ausgeschlossen sind.
Für den Ursprungstest von ElementCapture registrieren
Änderungen an bestehendem Verhalten
Chrome 121 enthält die folgende Änderung des bestehenden Verhaltens, die hier enthalten ist, damit Entwickler über diese Änderung informiert sind .
Eingabeereignisse in kürzlich verschobene ursprungsübergreifende iFrames verwerfen
Wenn ein ursprungsübergreifender iFrame vor Kurzem innerhalb der eingebetteten Seite verschoben wurde, verwirft Chrome Ereignisse, die auf den iFrame ausgerichtet sind, ohne Meldung. Wenn der iFrame kürzlich verschoben wurde, hatte der Nutzer wahrscheinlich nicht die Absicht, darauf zu klicken oder zu tippen.
Diese Änderung wurde 2019 in begrenztem Umfang eingeführt. Sie betraf nur iFrames mit Scripts, die Funktionen der Version 2 von IntersectionObserver verwenden (d. h. Verdeckungs- oder Effekterkennung). Mit dieser Einführung wird dieses Verhalten auf alle ursprungsübergreifenden iFrames ausgeweitet. Sie beginnt als Test in Chrome 121 und wird dann ausgeweitet.