New in Chrome 138

Rachel Andrew

Published: June 24, 2025

Chrome 138 is rolling out now, and this post shares some of the key features from the release. Read the full Chrome 138 release notes.

Highlights from this release:

The Translator, Language Detector, and Summarizer APIs

Chrome is developing web platform APIs and browser features designed to work with AI models, expert models and large language models (LLMs), built in the browser. This includes Gemini Nano, the most efficient version of the Gemini family of LLMs, designed to run locally on most modern desktop and laptop computers. With built-in AI, your website or web application can perform AI-powered tasks, without needing to deploy, manage, or self-host AI models.

From Chrome 138, you can add translation capabilities to your web application with the Translator API. This can let users contribute in their first language. For example, when participating in support chats, your site can translate their content into the language your support agents use, before it leaves the user's device. This creates a smooth, fast, and inclusive experience for all users.

The Translator API can work alongside the Language Detector API to enable language detection on the user's own device, providing better privacy than alternative solutions that require upload to a cloud server.

The Summarizer API can be used to generate different types of summaries in varied lengths and formats, such as sentences, paragraphs, bullet point lists, and more. For example:

  • Summarizing the key points of an article or a chat conversation.
  • Suggesting titles and headings for articles.
  • Creating a concise and informative summary of a lengthy text.
  • Generating a teaser for a book based on a book review.

CSS functions

CSS functions included in Chrome 138 include the sign-related functions abs() and sign(), which compute various functions related to the sign of their argument.

Also, the progress() functional notation that returns a <number> value representing the position of one calculation (the progress value) between two other calculations (the progress start value and progress end value).

Finally, the sibling-index() and sibling-count() functions can be used as integers in CSS property values to style elements based on their position among its siblings, or the total number of siblings respectively.

The Viewport Segments API

The Viewport Segments API lets you target foldable devices. Viewport segments are created when the viewport is split by one or more hardware features (such as a fold or a hinge between separate displays) that act as a divider.

Find out more in Support foldable devices with the Viewport Segments API.

And more!

Of course there's plenty more:

  • When < and > are in an attribute value, they are now escaped on serialization.
  • Two new values—"prefetchCache" and "prerenderCache"— for the Clear-Site-Data header let you target clearing the prerender and prefetch cache.
  • The stretch keyword for CSS sizing properties (for example, width and height) lets elements grow to exactly fill their containing block's available space.