Neu in Chrome 135

Rachel Andrew

Veröffentlicht: 1. April 2025

Chrome 135 wird jetzt eingeführt. In diesem Beitrag werden einige der wichtigsten Funktionen des Releases vorgestellt. Vollständige Versionshinweise zu Chrome 135 Vierteljährliche Zusammenfassung

Highlights dieses Release

Es gibt eine Reihe von Funktionen, mit denen CSS-Karussells aktiviert werden können. Mit den Attributen command und commandfor können Sie Schaltflächen deklarativ Verhalten zuweisen. Mit der CSS-Funktion shape() können Sie eine Form für die Attribute clip-path und offset-path definieren.

CSS-Karussells

Die Versionshinweise enthalten eine Vielzahl von CSS-Funktionen. Viele davon sind kleine Ergänzungen, die zusammen die Erstellung von Preisvergleichsportal-Karussells ermöglichen. Die wichtigsten Funktionen sind die neuen CSS-Pseudoelemente ::scroll-button() and::scroll-marker()`, mit denen Sie einen scrollbaren Bereich in ein Karussell verwandeln können.

Informationen zur Verwendung dieser neuen Funktionen und Inspiration für eigene Projekte finden Sie unter Carousels with CSS.

Die Attribute command und commandfor

In Chrome 135 werden neue Funktionen eingeführt, mit denen deklaratives Verhalten mit den neuen Attributen command und commandfor bereitgestellt werden kann. Dadurch werden die Attribute popovertargetaction und popovertarget verbessert und ersetzt. Diese neuen Attribute können Schaltflächen hinzugefügt werden, sodass der Browser einige grundlegende Probleme in Bezug auf Einfachheit und Barrierefreiheit beheben und integrierte allgemeine Funktionen bereitstellen kann.

Mit dem folgenden HTML-Code werden deklarative Beziehungen zwischen einer Schaltfläche und dem Menü eingerichtet, sodass der Browser die Logik und Barrierefreiheit für Sie übernimmt. Sie müssen weder „aria-expanded“ verwalten noch zusätzlichen JavaScript-Code hinzufügen.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

Weitere Informationen zu diesen neuen Attributen

Die CSS-Funktion shape()

Mit der CSS-Funktion shape() wird eine Form für die Eigenschaften „clip-path“ und „offset-path“ definiert.

Die Funktion shape() verwendet eine Reihe von Befehlen, die in etwa denen entsprechen, die von path() verwendet werden. Allerdings wird dabei eine standardmäßigere CSS-Syntax verwendet und es ist die gesamte Bandbreite der CSS-Funktionen möglich, z. B. zusätzliche Einheiten und mathematische Funktionen. Es ist in Firefox Nightly und Safari 18.4 Beta verfügbar und sollte daher bald als „Baseline Newly available“ gekennzeichnet werden.

…und vieles mehr

Natürlich gibt es noch viel mehr.

  • Die Web Speech API unterstützt jetzt MediaStreamTrack.
  • Float16Array wird unterstützt und ist jetzt allgemein verfügbar.
  • Die Observable API wird jetzt unterstützt.

Weitere Informationen

Hier werden nur einige wichtige Punkte behandelt. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 134.

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 135 veröffentlicht wird, informieren wir Sie hier über die Neuerungen in Chrome.