Новое в Chrome 125

Адриана Хара

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

Я Адриана Хара. Давайте углубимся и посмотрим, что нового для разработчиков в 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");

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

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

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

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

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

Подписаться

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

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