Эта страница переведена с помощью Cloud Translation API.

Новое в Chrome 125

Adriana Jara

Вот что вам нужно знать:

Привязка элементов стала проще, чем когда-либо, с помощью CSS Anchor Positioning .
API Compute Pressure помогает оптимизировать доступную мощность компьютера.
API доступа к хранилищу расширен не только для хранения файлов cookie.
И есть еще много чего .

Я Адриана Хара. Давайте углубимся и посмотрим, что нового для разработчиков в Chrome 125.

Позиционирование привязки CSS.

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

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

Функция позиционирования привязки состоит из большого количества свойств CSS. Вот некоторые из ключевых свойств:

anchor-name : устанавливает элемент в качестве якоря для других элементов.
position-anchor : описывает привязку «по умолчанию», которую привязанный элемент должен использовать для позиционирования привязки.
Функция anchor() : относится к положению элемента привязки при позиционировании привязанного элемента.
inset-area : сокращение для позиционирования, для общих относительных позиций.

API расчета давления.

API Compute Pressure предлагает состояния высокого уровня, которые отражают загрузку ЦП в системе.

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

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

Посетите API Compute Pressure для получения образцов и дополнительной информации.

API доступа к хранилищу (SAA) расширен до хранилища без файлов cookie.

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

Эта версия включает расширение для использования API помимо файлов cookie. С помощью расширения вы можете получить доступ к неразделенным файлам cookie и хранилищу без файлов cookie в стороннем контексте, например, для indexedDB и localstorage. В следующем коде показан пример запроса доступа к indexedDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

И многое другое!

Конечно, есть еще много чего.

Существует исходная пробная версия API Device Posture и API перечисления сегментов области просмотра . Эти API предназначены для того, чтобы помочь разработчикам ориентироваться на складные устройства.
Были добавлены функции пошагового значения CSS round() , mod() и rem() , что делает эти функции базовыми новыми.
API общего хранилища теперь поддерживает запуск ворлетов с перекрестным происхождением без необходимости создания iframe.

Прочтите полные примечания к выпуску .

Дальнейшее чтение

Здесь рассматриваются лишь некоторые ключевые моменты. Перейдите по следующим ссылкам, чтобы узнать о дополнительных изменениях в Chrome 125.

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

Привет, Адриана Хара, как только выйдет Chrome 126, я буду здесь, чтобы рассказать вам, что нового в Chrome!