Neu in Chrome 135

Rachel Andrew

Veröffentlicht: 1. April 2025

Chrome 135 wird derzeit eingeführt. In diesem Beitrag stellen wir einige der wichtigsten Funktionen der Version vor. Die vollständigen Versionshinweisen für Chrome 135 und die quartalsweise Zusammenfassung mit allen Neuerungen des Jahres finden Sie hier.

Highlights dieser Version

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

CSS-Karussells

In den Releasenotizen werden eine große Anzahl von CSS-Funktionen beschrieben. Viele davon sind kleine Ergänzungen, die zusammengenommen CSS-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.

Wie Sie diese neuen Funktionen verwenden und sich für Ihre eigenen Projekte inspirieren lassen, erfahren Sie im Artikel Karussells mit CSS.

Die Attribute command und commandfor

Chrome 135 führt neue Funktionen für deklaratives Verhalten mit den neuen Attributen command und commandfor ein. Damit werden die Attribute popovertargetaction und popovertarget verbessert und ersetzt. Diese neuen Attribute können Schaltflächen hinzugefügt werden, damit der Browser einige grundlegende Probleme in Bezug auf Einfachheit und Barrierefreiheit beheben und gängige Funktionen bereitstellen kann.

Im 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 „aria-expanded“ nicht verwalten oder zusätzliches JavaScript hinzufügen.

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

Weitere Informationen zu diesen neuen Attributen finden Sie unter Befehl und Befehlfür.

Die CSS-shape()-Funktion

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

Die shape()-Funktion verwendet eine Reihe von Befehlen, die ungefähr denjenigen von path() entsprechen, jedoch mit einer standardmäßigeren CSS-Syntax. Außerdem bietet sie die gesamte Bandbreite der CSS-Funktionen, z. B. zusätzliche Einheiten und mathematische Funktionen. Es ist in Firefox Nightly und Safari 18.4 Beta verfügbar und sollte bald als Baseline verfügbar sein.

…und vieles mehr

Natürlich gibt es noch viel mehr.

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

Weitere Informationen

Dies sind nur einige wichtige Highlights. 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 von Chrome Developers. Sie erhalten dann eine E-Mail-Benachrichtigung, sobald ein neues Video veröffentlicht wird. Oder folgen Sie uns auf X oder LinkedIn, um über neue Artikel und Blogbeiträge informiert zu werden.

Sobald Chrome 135 veröffentlicht wird, informieren wir Sie hier über die Neuigkeiten in Chrome.