Chrome 150 бета

Rachel Andrew

Опубликовано: 3 июня 2026 г.

Если не указано иное, следующие изменения относятся к последней версии бета-версии Chrome для Android, ChromeOS, Linux, macOS и Windows. Подробнее о перечисленных здесь функциях можно узнать по предоставленным ссылкам или из списка на ChromeStatus.com. По состоянию на 2 июня 2026 года Chrome находится в бета-версии. Вы можете загрузить последнюю версию на Google.com для настольных компьютеров или в Google Play Store для Android.

CSS и UI

Системные цвета AccentColor и AccentColorText

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

Разрешить необязательный параметр округления для polygon()

Позволяет указать необязательный параметр скругления углов в функции CSS ` polygon() . Разработчики могут указать значение длины для скругления углов многоугольника без ручного вычисления кривых Безье.

Анимируемый зум

Свойство CSS zoom является анимируемым и интерполирует значение как <number> . Разработчики могут плавно масштабировать элементы и их макет с помощью анимационных переходов, дополняя существующее масштабирование на основе преобразований.

Модификаторы запроса CSS URL

Функции CSS url() принимают необязательные модификаторы запроса после строки URL в кавычках: cross-origin() , integrity() и referrer-policy() . Эти модификаторы управляют поведением получения указанного ресурса непосредственно из CSS, не требуя изменений в HTML-разметке или JavaScript.

Например, background-image: url("image.png" cross-origin(anonymous)) загружает изображение в анонимном режиме CORS.

Свойство CSS text-fit

Изменяет размер шрифта текстовых узлов таким образом, чтобы он идеально соответствовал ширине содержащего их блока.

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

CSS background-clip: border-area

Реализует значение border-area для свойства CSS background-clip , как определено в CSS Backgrounds Level 4. Значение background-clip обрезает фон элемента по области, нарисованной его контурами границы, учитывая border-width и border-style , но игнорируя прозрачность, заданную параметром border-color . Это значение позволяет создавать градиентные границы без использования border-image.

Функция CSS image(<color>)

Функция image() позволяет разработчикам создавать сплошное цветное изображение из любого цвета. Синтаксис: image() = image( <color> ) .

CSS-функция light-dark() со значениями изображений

Расширяет функцию CSS light-dark() позволяя ей принимать значения изображений, такие как url() , image-set() и none , в таблицах стилей автора, что позволяет свойствам изображений, таким как background-image , list-style-image , border-image-source , cursor и content автоматически переключаться между изображениями в зависимости от предпочтительной цветовой схемы пользователя. Ранее такое поведение было разрешено только в таблицах стилей User Agent. Это изменение соответствует спецификации CSS Color 5 и согласуется с существующей реализацией Firefox.

Клонировать во все дочерние элементы selectedcontent

Вносятся несколько небольших изменений в обработку крайних случаев использования элемента selectedcontent :

• Когда в элемент <select> одновременно помещается несколько элементов selectedcontent , обновляются все они, а не только первый в порядке следования элементов DOM.
• Обновление элемента selectedcontent откладывается, если оно выполняется во время операций вставки, удаления или перемещения для устранения проблем безопасности. Отсрочка обновления также возможна при использовании операций после вставки или микрозадач.

Запросы контейнеров, разделенных запятыми

Поддерживается несколько запросов на одно правило @container . Правило @container применяется, если хотя бы один из запросов соответствует условию.

Эта возможность позволяет создавать резервные запросы для функций, которые поддерживаются не во всех браузерах, например.

Пример:

@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}

Помимо поддержки множественных запросов, объектная модель расширена для поддержки атрибута conditions в API CSSContainerRule .

Предоставьте доступ к непечатаемым областям с помощью CSS.

Обычно принтеры имеют небольшую область по каждому из четырех краев листа бумаги, которую они не могут надежно обозначить, как правило, из-за механизма подачи бумаги. По умолчанию поля страницы должны быть больше этих областей, но если авторы устанавливают поля самостоятельно и даже хотят добавить поля @page margin box, например, для пользовательских верхних и нижних колонтитулов, им нужен способ определить, где безопасно печатать.

Для предотвращения появления таких непечатаемых областей можно использовать CSS-дескриптор page-margin-safety .

Атрибут focusgroup

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

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

Псевдоклассы медиаэлементов

Псевдоклассы CSS :playing , :paused , :seeking , :buffering , :stalled , :muted и :volume-locked соответствуют элементам <audio> и <video> в зависимости от их состояния.

Эта функция является одним из приоритетных направлений в рамках конференции Interop 2026 .

popover=hint изменения поведения

Это изменение реализует пересмотренную и упрощенную модель наложения для атрибута popover=hint и его взаимодействия с popover=auto . Ранее взаимодействие между этими двумя типами всплывающих окон могло быть сложным в некоторых частных случаях, например, при вложении popover=auto внутрь popover=hint , и могло приводить к неожиданному поведению. В новой модели открытие popover=hint больше не приводит к непреднамеренному закрытию несвязанных элементов popover=auto . Всплывающие окна с подсказками скрываются только тогда, когда скрыт их родительский popover=auto или когда открывается новый, несвязанный popover=auto . Кроме того, разработчики могут безопасно вкладывать всплывающее окно auto внутрь всплывающего окна hint; вместо того, чтобы генерировать исключение или нарушать стек, вложенное popover=auto корректно переходит в состояние popover=hint . Эта возможность позволяет разработчикам размещать настраиваемый <select> внутри popover=hint .

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

Эти изменения были вызваны обсуждениями стандартов с Mozilla в рамках запроса на слияние спецификации HTML на GitHub .

Относительные альфа-цвета

Относительные альфа-каналы цветов предоставляют прямой способ в CSS получить полупрозрачную версию существующего цвета без перезаписи его цветовых каналов. В настоящее время разработчикам приходится дублировать значения компонентов или создавать отдельные предварительно вычисленные токены, когда им нужен один и тот же цвет с разной прозрачностью. Функция CSS Color 5 alpha() сохраняет исходные цветовые компоненты и изменяет только альфа-канал, что снижает накладные расходы на создание кода и упрощает повторное использование и поддержку цветовых токенов.

Адаптивный размер <iframe>

Это позволяет сайтам использовать адаптивный дизайн для iframe, который изменяет размер элемента <iframe> в родительском документе в соответствии с размером элемента, заданным параметром layout overflow sizing в дочернем документе, чтобы избежать прокрутки.

flex-wrap:balance

flex-wrap:balance позволяет разработчикам распределять контент между flex-линиями таким образом, чтобы он выглядел более сбалансированным, аналогично text-wrap:balance .

named-feature() для CSS @supports

Функция named-feature() позволяет правилам CSS @supports запрашивать небольшой набор конкретных именованных функций, которые невозможно проверить с помощью других механизмов @supports , но которые считаются очень важными для проверки.

overscroll-behavior: chain

overscroll-behavior имеет три значения: none , auto и contain . Эти значения влияют на два независимых эффекта: распространение прокрутки и эффект локальной границы. Например, эффект растяжения при прокрутке.

• none : нет распространения свитка, нет локальных граничных эффектов.
• auto : распространение прокрутки, локальные граничные эффекты.
• contain : отсутствие распространения свитка, локальные граничные эффекты.

В этом релизе добавлено новое значение, завершающее набор: chain : распространение прокрутки, без локальных граничных эффектов.

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

Веб-API

Отключите SVG-фильтры для плагинов и iframe-элементов, доступных из других источников или имеющих ограниченный доступ.

В Chrome 150 запрещено применение фильтров масштабируемой векторной графики (SVG) к iFrame, находящимся в разных источниках или имеющим ограниченный доступ, например, к изолированным iFrame, а также к встроенным плагинам, например, PDF-файлам. Когда на фрейм или плагин накладывается эффект фильтра SVG, выполняется обход дерева эффектов для поиска наивысшего предка, не имеющего фильтров SVG, и вместо него применяется именно этот эффект.

IndexedDB: бэкэнд на SQLite

Реализация IndexedDB в Chromium переписана на основе SQLite , чтобы заменить предыдущую реализацию, которая использовала гибрид LevelDB и плоских файлов. Это изменение не затрагивает веб-API.

Ожидается, что эта переработка улучшит надежность и, в меньшей степени, производительность.

На данный момент это изменение применяется к новым хранилищам данных . Это второй этап многоэтапного поэтапного выпуска. См. страницу ChromeStatus, посвященную контекстам SQLite в памяти, где описан первый этап.

Счетчики кадров MediaStreamTrackProcessor

Добавляет атрибуты discardedFrames и totalFrames к интерфейсу MediaStreamTrackProcessor . Эти счетчики позволяют веб-разработчикам отслеживать состояние своих конвейеров обработки мультимедиа, контролируя количество кадров, полученных и отброшенных процессором.

Непрозрачный источник data: URL-адреса

В Chrome 150 обновлен способ обработки data: URL-адресов компонентами DedicatedWorker и SharedWorker . Вместо автоматического наследования источника безопасности скрипта или страницы, создавшей их, этим компонентам присваивается уникальный непрозрачный источник.

Это изменение соответствует спецификации HTML для рабочих процессов и повышает безопасность, изолируя эти рабочие процессы от состояния того же источника, что и создатель, предотвращая доступ к конфиденциальным данным через такие механизмы, как BroadcastChannel или хранилище того же источника. Для поддержания корректных границ изоляции эти рабочие процессы по-прежнему находятся в том же разделе хранилища (например, путем сохранения сайта верхнего уровня или nonce), что и их создатель.

Данная настройка безопасности включена по умолчанию на настольных и мобильных платформах. Администраторы могут просматривать или проверять границы безопасности через централизованные настройки. Подробную техническую информацию о реализации и ссылки на спецификации см. в шаге 3 настроек HTML Living Standard Worker Settings .

миграция происхождения PWA

Когда пользователь устанавливает прогрессивное веб-приложение (PWA), его идентификация и контекст безопасности тесно связаны с его веб-источником, например, app.example.com . Эта связь представляет собой серьезную проблему для разработчиков, которым необходимо изменить источник своего PWA из-за ребрендинга, реструктуризации домена или технической реархитектуры. Такое изменение вынуждает пользователей вручную удалять старое приложение и устанавливать новое, что приводит к нарушению работы и потенциальной потере пользователей. Chrome 150 представляет механизм, позволяющий разработчикам перенести установленное PWA на новый, тот же сайт, сохраняя доверие пользователей и их права доступа.

Политика WebAppInstallForceList блокирует миграцию. Поскольку корпоративные политики в отношении веб-приложений в основном основаны на URL-адресах и источниках, существует риск того, что миграция может обойти некоторые политики, которые мог настроить администратор. Chrome не предлагает пользователю миграцию, когда приложение принудительно устанавливается корпоративным администратором, а вместо этого отображает баннер с объяснением этого.

Инструкции по обработке в формате HTML

Инструкции обработки (синтаксис: <?target data> ) — это существующая конструкция DOM, представленная в XML, которая позволяет использовать объекты узлов, не являющиеся элементами, но имеющие некоторое семантическое значение для обработки документа.

Например, вы можете использовать их для обозначения диапазонов для потоковой передачи или подсветки без необходимости создания новых элементов DOM и изменения структуры DOM с точки зрения CSS, или в качестве директив для HTML-парсера о том, как буферизовать и передавать данные потоком.

Потоковое вещание не по порядку

Потоковая передача вне порядка позволяет использовать <template for> и диапазоны инструкций обработки ( <?start> и <?end> ) для доставки HTML в непоследовательном порядке и обновления существующих частей документа без JavaScript.

Программные обещания прокрутки

Эта возможность обеспечивает надежный сигнал о статусе завершения программной плавной прокрутки. Все методы прокрутки в Element и Window возвращают объекты Promise, которые разрешаются после завершения прокрутки, а разрешенное значение указывает, была ли прокрутка прервана.

Непосредственные действия WebGPU

Добавляет новое непосредственное адресное пространство в WGSL и метод setImmediateData() для кодировщиков прохода рендеринга, вычислительного прохода и пакета рендеринга, что позволяет передавать небольшие объемы часто обновляемых данных непосредственно в шейдеры без создания объектов буфера GPU или групп привязки. Это особенно полезно для приложений, которым необходимо обновлять параметры для каждого вызова отрисовки, такие как индексы объектов, индексы материалов или матрицы преобразования, при каждом вызове отрисовки, что позволяет значительно повысить производительность за счет избежания накладных расходов на управление буферами и группами привязки.

API веб-речи: качество распознавания на устройстве

Расширяет интерфейс SpeechRecognition , добавляя свойство quality в SpeechRecognitionOptions . Это свойство позволяет разработчикам указывать семантические возможности, необходимые для распознавания на устройстве, используя processLocally: true .

Предложенное перечисление quality поддерживает три уровня — command , dictation и conversation — в соответствии с возрастающей сложностью задач и требованиями к оборудованию. Эта возможность позволяет разработчикам определять, может ли локальное устройство обрабатывать критически важные сценарии использования (например, транскрипцию совещаний) или им необходимо перейти к облачным сервисам, решая проблему непрозрачности возможностей модели, определяющей возможности устройства.

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

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

Протокол проверки электронной почты ( EVP )

Протокол проверки электронной почты ( EVP ) помогает пользователям создавать, получать доступ и восстанавливать учетные записи, предоставляя криптографическое подтверждение права собственности без необходимости ввода одноразовых паролей по электронной почте вручную.

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

В этом выпуске Chrome внесены следующие изменения, которые были сняты с поддержки и удалены.

Удалите [LegacyNoInterfaceObject] из IDL FontFaceSet

В стандарте Chromium FontFaceSet IDL ранее некорректно использовался [LegacyNoInterfaceObject] , что скрывало FontFaceSet как глобальное свойство и удаляло свойство конструктора из его прототипа. Такое поведение отклонялось от спецификации CSS Font Loading и отличалось от поведения Safari и Firefox.

Это удаление удаляет [LegacyNoInterfaceObject] из IDL-файла FontFaceSet , делая FontFaceSet доступным в качестве глобального свойства. Поскольку в IDL-файле не определен constructor() , вызов new FontFaceSet() из JavaScript корректно вызывает TypeError: Illegal constructor , что соответствует поведению, предписанному спецификацией.