Chrome 140 бета

Опубликовано: 6 августа 2025 г.

Unless otherwise noted, the following changes apply to the newest Chrome beta channel release for Android, ChromeOS, Linux, macOS, and Windows. Learn more about the features listed here through the provided links or from the list on ChromeStatus.com. Chrome 140 is in beta as of August 6, 2025. You can download the latest on the official Chrome website for desktop or on Google Play Store on Android.

CSS и UI

Типизированная арифметика CSS

Типизированная арифметика позволяет писать выражения в CSS, например calc(10em / 1px) или calc(20% / 0.5em * 1px) . Это полезно, например, в типографике, поскольку позволяет преобразовывать типизированное значение в нетипизированное и повторно использовать его для свойств, принимающих числа. Другой вариант использования — умножение безразмерного значения на другой тип. Например, можно преобразовать пиксели в градусы.

Свойство scroll-target-group

Свойство scroll-target-group определяет, является ли элемент контейнером группы маркеров прокрутки. Оно принимает одно из следующих значений:

  • 'none': Этот элемент не создает контейнер для группы маркеров прокрутки.
  • 'auto': Этот элемент создает контейнер группы маркеров прокрутки, формируя группу маркеров прокрутки, содержащую все элементы маркеров прокрутки, для которых он является ближайшим родительским контейнером группы маркеров прокрутки.

Создание контейнера для группы маркеров прокрутки позволяет любым HTML-элементам-якорям с идентификатором фрагмента, находящимся внутри такого контейнера, быть HTML-эквивалентом псевдоэлементов ::scroll-marker . Элемент-якорь, целевая область прокрутки которого в данный момент видна, может быть стилизован с помощью псевдокласса :target-current .

Включите функции counter() и counters() в альтернативном тексте свойства content .

Эта функция добавляет возможность использования counter() и counters() в альтернативном тексте свойства content . Это позволяет предоставлять более информативные данные для повышения доступности.

Псевдонимы переходов представления наследуют больше свойств анимации.

Теперь псевдодерево переходов между представлениями наследует ряд свойств анимации:

  • animation-delay
  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state

Включить вложенные переходы между представлениями

Эта функция позволяет создавать вложенное дерево псевдоэлементов для переходов между окнами, а не плоское дерево. Это позволяет переходу между окнами выглядеть более гармонично с исходными элементами и визуальным замыслом. Она обеспечивает обрезку, вложенные 3D-преобразования и корректное применение таких эффектов, как прозрачность, маскирование и фильтры.

Распространить overscroll-behavior области просмотра из корневого каталога.

This change propagates overscroll-behavior from the root instead of the body. The CSS working group resolved not to propagate properties from the <body> to the viewport. Instead, properties of the viewport propagate from the root ( <html> ) element. As such, overscroll-behavior should propagate from the root element. However, Chrome has had a longstanding issue: it propagates overscroll-behavior from the <body> rather than the root. This behavior is not interoperable with other browsers. This change makes Chrome comply with the specification and become interoperable with other implementations.

опция контейнера ScrollIntoView

Параметр ScrollIntoViewOptions позволяет разработчикам выполнять операцию scrollIntoView , которая прокручивает только ближайший родительский контейнер прокрутки. Например, следующий фрагмент кода прокручивает только контейнер прокрутки target , чтобы вывести target в поле зрения, но не прокручивает все контейнеры прокрутки до области просмотра:

target.scrollIntoView({container: 'nearest'});

Добавьте свойство CSS caret-animation

Chromium поддерживает анимацию свойства ` caret-color . Однако при анимации стандартное мигание курсора мешает процессу.

Свойство CSS caret-animation имеет два возможных значения: auto и manual . auto означает значение по умолчанию для браузера (мигание), а manual означает, что анимацией курсора управляет разработчик. Кроме того, пользователи, которых раздражают или у которых возникают негативные реакции на мигание или мерцание, могут отключить мигание с помощью пользовательской таблицы стилей.

highlightsFromPoint API FromPoint

The highlightsFromPoint API enables developers to interact with custom highlights. It detects which highlights exist at a specific point within a document. This interactivity is valuable for complex web features where multiple highlights may overlap or exist within shadow DOM. By providing precise point-based highlight detection, the API empowers developers to manage dynamic interactions with custom highlights more effectively. For example, developers can respond to user clicks or hover events on highlighted regions to trigger custom tooltips, context menus, or other interactive features.

Изменение вида Переход завершен обещание время

The current finished promise timing happens within the rendering lifecycle steps. This means that code that runs as a result of promise resolution happens after the visual frame that removes the view transition has been produced. This can cause a flicker at the end of the animation if the script moves styles to preserve a visually similar state. This change resolves the issue by moving the ViewTransition cleanup steps to run asynchronously after the lifecycle is completed.

Добавьте атрибут источника события ToggleEvent

Атрибут source объекта ToggleEvent содержит элемент, который вызвал срабатывание ToggleEvent , если таковой имеется. Например, если пользователь щелкает по элементу <button> с атрибутом popovertarget или commandfor , установленным для открытия всплывающего окна, то атрибут source ToggleEvent , срабатывающего на всплывающем окне, будет установлен на вызвавший его элемент <button> .

Предотвратите попадание foreignObject SVG на холст из-за URL-адресов двоичных файлов.

All browsers have long supported using an <img> element with an SVG source in an HTML canvas drawImage operation. However, canvas tainting behavior varies across platforms. All browsers taint the canvas when the SVG source includes a foreignObject tag and is referenced with an HTTP URI. When the same SVG is referenced through a data URI, all browsers don't taint the canvas. However, when a blob URI is used, both Chromium (before this change) and WebKit taint the canvas, but Gecko does not. When this feature ships, Chromium's behavior matches that of Gecko, allowing a wider range of SVG content to be used in canvas drawImage calls without tainting.

Поддерживайте дескриптор font-variation-settings в @font-face rule

CSS allows developers to adjust a font's weight, width, slant, and other axes using the font-variation-settings property on individual elements. However, Chromium-based browsers lack support for this property within @font-face declarations. This feature supports the string-based syntax for font-variation-settings as defined in CSS Fonts Level 4. Invalid or unrecognized feature tags are ignored per specification. No binary or non-standard forms are supported. Variable fonts are becoming more widely adopted for both performance and typographic flexibility. Adding support for this descriptor in Chromium enhances control, reduces repetition, and supports a more scalable, modern approach to web typography.

Веб-API

Преобразование Uint8Array в формат base64 и шестнадцатеричный формат и обратно.

Base64 — это распространённый способ представления произвольных двоичных данных в формате ASCII. В JavaScript для двоичных данных используются Uint8Arrays . Однако в нём отсутствует встроенный механизм для кодирования этих данных в формате Base64 или для преобразования данных Base64 в соответствующий массив Uint8Array . Эта функция добавляет возможность и методы для преобразования между шестнадцатеричными строками и Uint8Arrays .

Используйте параметр min объекта ReadableStreamBYOBReader

This feature introduces a min option to the existing ReadableStreamBYOBReader.read(view) method. The method already accepts an ArrayBufferView into which it reads data, but currently does not guarantee how many elements are written before the read resolves. By specifying a min value, you can require that the stream wait until at least that many elements are available before resolving the read. This improves upon the current behavior, where reads may resolve with fewer elements than the view can hold.

In some cases, it's important to distinguish on the server side between cookies set by the server and those set by the client. One such case involves cookies normally always set by the server. However, unexpected code (such as an XSS exploit, a malicious extension, or a commit from a confused developer) might set them on the client. This proposal adds a signal that lets servers make such a distinction. More specifically, it defines the __Http and __HostHttp prefixes, which ensure a cookie is not set on the client side using script.

Ограничения доступа к локальной сети

Chrome 140 restricts the ability to make requests to the user's local network, requiring a permission prompt. A local network request is any request from a public website to a local IP address or loopback, or from a local website (such as an intranet) to loopback. Gating the ability for websites to perform these requests behind a permission mitigates the risk of cross-site request forgery attacks against local network devices, such as routers. It also reduces the ability of sites to use these requests to fingerprint the user's local network. This permission is restricted to secure contexts. If granted, the permission also relaxes mixed content blocking for local network requests, since many local devices cannot obtain publicly trusted TLS certificates for various reasons.

Подробнее см. в разделе «Новое поле запроса разрешений для доступа к локальной сети» .

Разрешить скриптам SharedWorker наследовать контроллер для URL-адресов скриптов BLOB-объектов.

В спецификации указано, что рабочие процессы должны наследовать контроллеры для URL-адреса BLOB-объекта. Однако существующий код позволяет наследовать контроллер только выделенным рабочим процессам; общие рабочие процессы этого не позволяют. Это исправляет поведение Chrome в соответствии со спецификацией. Эта функция управляется корпоративной политикой SharedWorkerBlobURLFixEnabled .

Добавить ServiceWorkerStaticRouterTimingInfo

Эта функция добавляет информацию о времени для API статической маршрутизации ServiceWorker, которая предоставляется разработчикам через API синхронизации навигации и API синхронизации ресурсов. ServiceWorker предоставляет информацию о времени для обозначения определенных моментов времени.

Эта функция добавляет два параметра, имеющих отношение к синхронизации данных через API статической маршрутизации:

  • RouterEvaluationStart : Начинается сопоставление запроса с зарегистрированными правилами маршрутизатора.
  • CacheLookupStart : Если источником является "cache" , то начинается поиск в хранилище кэша.

Кроме того, эта функция добавляет два элемента информации об источнике маршрутизатора: соответствующий источник маршрутизатора и конечный источник маршрутизатора.

Включить условное создание с использованием веб-аутентификации в Android (не входит в состав готовой версии).

Изолированные веб-приложения

Представляем API управляемых кадров.

This feature adds a Controlled Frame API available only to Isolated Web Apps (IWAs). Like similarly-named APIs on other platforms, Controlled Frame allows embedding all content, even third-party content that cannot be embedded in <iframe> . Controlled Frame also allows controlling embedded content with a collection of API methods and events. For more information about Isolated Web Apps, see the Isolated Web Apps explainer .

Новые испытания происхождения

В Chrome 140 вы можете принять участие в следующих новых пробных версиях Origin .

Добавьте событие clipboardchange

Событие clipboardchange срабатывает всякий раз, когда веб-приложение или любое другое системное приложение изменяет содержимое системного буфера обмена. Это позволяет веб-приложениям, таким как клиенты удаленного рабочего стола, синхронизировать свои буферы обмена с системным буфером обмена. Это обеспечивает эффективную альтернативу опросу буфера обмена с помощью JavaScript для получения информации об изменениях.

Включить уведомления о входящих звонках

This feature extends the Notifications API to allow installed PWAs to send incoming call notifications—notifications with call-styled buttons and a ringtone. This extension helps VoIP web apps create more engaging experiences by making it easier for users to recognize and answer calling notifications. Additionally, this feature helps bridge the gap between native and web implementations of apps that have them both.

Представляем API-интерфейс для создания отчетов о сбоях (ключ-значение).

Эта функция представляет новый API типа «ключ-значение», предварительно названный window.crashReport , основанный на карте для каждого документа, которая содержит данные, добавляемые к отчетам о сбоях.

Данные, размещенные в базовой карте этого API, отправляются в CrashReportBody в случае сбоя любого процесса рендеринга на сайте. Это позволяет разработчикам отлаживать, какое именно состояние в их приложении может вызывать тот или иной сбой.

Амортизация и удаление

В этой версии Chrome представлены перечисленные ниже устаревшие и удаленные функции. Для получения списков запланированных, текущих и ранее удаленных функций посетите сайт ChromeStatus.com.

В этой версии Chrome одна функция устарела.

Устаревшие специальные правила изменения размера шрифта для <h1> внутри некоторых элементов.

Спецификация HTML содержит список специальных правил для тегов <h1> вложенных в элементы <article> , <aside> , <nav> или <section> .

Эти специальные правила устарели, поскольку вызывают проблемы с доступностью. В частности, они визуально уменьшают размер шрифта для вложенных <h1> , так что они выглядят как <h2> , но в дереве доступности это визуальное изменение никак не отражено.