Neu in Chrome 138

Rachel Andrew

Veröffentlicht am 24. Juni 2025

Chrome 138 wird jetzt eingeführt. In diesem Beitrag werden einige der wichtigsten Funktionen der Version vorgestellt. Vollständige Versionshinweise zu Chrome 138

Highlights dieser Version:

Translator, Language Detector und Summarizer APIs

Chrome entwickelt Webplattform-APIs und Browserfunktionen, die mit KI-Modellen, Expertenmodellen und Large Language Models (LLMs) funktionieren, die im Browser integriert sind. Mit der integrierten KI kann Ihre Website oder Webanwendung KI-basierte Aufgaben ausführen, ohne dass Sie KI-Modelle bereitstellen, verwalten oder selbst hosten müssen.

Ab Chrome 138 können Sie Ihrer Webanwendung mit der Translator API Übersetzungsfunktionen hinzufügen. So können Nutzer in ihrer Muttersprache beitragen. Wenn sie beispielsweise an Supportchats teilnehmen, kann Ihre Website ihre Inhalte in die Sprache übersetzen, die Ihre Supportmitarbeiter verwenden, bevor sie das Gerät des Nutzers verlassen. So wird eine reibungslose, schnelle und inklusive Nutzererfahrung für alle Nutzer geschaffen.

Die Translator API kann zusammen mit der Language Detector API verwendet werden, um die Spracherkennung auf dem Gerät des Nutzers zu ermöglichen. Das bietet einen besseren Datenschutz als alternative Lösungen, bei denen ein Upload auf einen Cloud-Server erforderlich ist.

Mit der Summarizer API können verschiedene Arten von Zusammenfassungen in unterschiedlicher Länge und in verschiedenen Formaten generiert werden, z. B. Sätze, Absätze und Listen mit Aufzählungspunkten. Beispiel:

  • Zusammenfassen der wichtigsten Punkte eines Artikels oder einer Chatunterhaltung
  • Vorschlagen von Titeln und Überschriften für Artikel
  • Erstellen einer kurzen und informativen Zusammenfassung eines langen Texts
  • Erstellen eines Teasers für ein Buch auf Grundlage einer Buchrezension

CSS-Funktionen

Zu den CSS-Funktionen in Chrome 138 gehören die Vorzeichenfunktionen abs() und sign(), mit denen verschiedene Funktionen im Zusammenhang mit dem Vorzeichen ihres Arguments berechnet werden.

Außerdem die progress() funktionale Notation, die einen <number> Wert zurückgibt, der die Position einer Berechnung (der Fortschrittswert) zwischen zwei anderen Berechnungen (dem Startwert und dem Endwert des Fortschritts) darstellt.

Schließlich können die Funktionen sibling-index() und sibling-count() als Ganzzahlen in CSS-Eigenschaftswerten verwendet werden, um Elemente basierend auf ihrer Position unter ihren Geschwistern bzw. der Gesamtzahl der Geschwister zu gestalten.

Viewport Segments API

Mit der Viewport Segments API können Sie faltbare Geräte ansprechen. Viewport-Segmente werden erstellt, wenn der Viewport durch ein oder mehrere Hardwarefunktionen (z. B. eine Faltstelle oder ein Gelenk zwischen separaten Displays) geteilt wird, die als Trennlinie dienen.

Weitere Informationen finden Sie unter Faltbare Geräte mit der Viewport Segments API unterstützen.

…und vieles mehr

Natürlich gibt es noch viel mehr:

  • Wenn < und > in einem Attributwert enthalten sind, werden sie jetzt bei der Serialisierung maskiert.
  • Mit den beiden neuen Werten "prefetchCache" und "prerenderCache" für den Header Clear-Site-Data können Sie den Prerender- und Prefetch-Cache löschen.
  • Mit dem Keyword stretch für CSS-Größeneigenschaften (z. B. width und height) können Elemente so vergrößert werden, dass sie den verfügbaren Platz im enthaltenden Block genau ausfüllen.