Veröffentlicht am 10. März 2026
Chrome 146 wird jetzt eingeführt. In diesem Beitrag werden einige der wichtigsten Funktionen der Version vorgestellt. Vollständige Versionshinweise zu Chrome 146
Highlights dieser Version:
- Mit durch Scrollen ausgelösten Animationen lassen sich Animationen basierend auf der Scrollposition steuern.
- Die registrierte benutzerdefinierte Elementregistrierung verhindert Konflikte mit benutzerdefinierten Elementnamen.
- Mit der Sanitizer API lassen sich XSS-kostenlose Webanwendungen erstellen.
Durch Scrollen ausgelöste Animationen
Mit diesem Feature können Animationen anhand der Scrollposition gesteuert werden, z. B. durch Abspielen, Pausieren und Zurücksetzen.
Ein häufiges Muster auf Webseiten ist, eine Animation zu starten, wenn eine bestimmte Scrollposition erreicht wird. Entwickler verwenden dazu häufig JavaScript, um manuell zu erkennen, ob sich ein Element im Viewport des zugehörigen Scroll-Containers befindet, und um eine entsprechende Animation zu starten (z. B. das Einblenden des Elements). Viele dieser Anwendungsfälle basieren auf deklarativ bereitgestellten Informationen. Mit dieser Funktion können Sie solche Interaktionen deklarativ mit CSS erstellen.
Registrierung benutzerdefinierter Elemente mit Bereich
Mit dieser Funktion können mehrere benutzerdefinierte Elementdefinitionen für einen einzelnen Tag-Namen auf einer Seite vorhanden sein. So werden Konflikte bei benutzerdefinierten Elementnamen verhindert, wenn eine Web-App Bibliotheken aus mehreren Quellen verwendet. Dies wird erreicht, indem Nutzercode mehrere benutzerdefinierte Elementregistrierungen erstellen und sie mit Baumstrukturen und Elementen verknüpfen kann, die als Bereichsobjekte fungieren.
Die Sanitizer API
Die Sanitizer API bietet eine Möglichkeit, Inhalte zu entfernen, die möglicherweise Skript aus beliebigem, vom Nutzer bereitgestellten HTML-Inhalt ausführen. Ziel ist es, die Entwicklung von XSS-kostenlosen Webanwendungen zu vereinfachen. Dies ist eine aktualisierte Version eines früheren Versuchs, eine Sanitizer API zu erstellen. Diese neue Version ist auch in Firefox verfügbar.
Weitere Informationen
Hier werden nur einige wichtige Punkte behandelt. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 146.
- Versionshinweise zu Chrome 146
- Neu in den Chrome-Entwicklertools 146
- ChromeStatus.com-Updates für Chrome 146.
- Chrome-Veröffentlichungskalender
Abonnieren
Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal Chrome Developers. Sie erhalten dann eine E-Mail-Benachrichtigung, wenn wir ein neues Video veröffentlichen. Oder folgen Sie uns auf X oder LinkedIn, um neue Artikel und Blogposts zu erhalten.
Sobald Chrome 147 veröffentlicht wird, informieren wir Sie hier über die Neuerungen in Chrome.