Chrome 111 beta

Новые цветовые типы и цветовые пространства CSS, тригонометрические функции CSS и API View Transitions.

Следующие изменения относятся к новому выпуску бета-версии Chrome для Android, ChromeOS, Linux, macOS и Windows. Узнать больше о перечисленных здесь функциях можно по предоставленным ссылкам или из списка на ChromeStatus.com. Бета-версия Chrome 111 доступна с 9 февраля 2023 года.

CSS

Новые типы цветов и пространств CSS

Все функции, описанные в CSS Color Level 4, теперь включены. Сюда входят четыре независимых от устройства типа цвета (lab, Oklab, lch и Oklch), функция color() и определяемые пользователем цветовые пространства для градиентов и анимации.

Узнать об этих новых цветовых типах и пространствах можно из High definition CSS color guide.

Функция color-mix()

Невероятно полезная функция color-mix() из CSS Color 5 также станет доступна. Эта функция позволяет смешивать процент одного цвета с другим в любом поддерживаемом цветовом пространстве. Следующий пример смешивает 10% синего с белым в SRGB.

.item {
  background-color: color-mix(in srgb, blue 10%, white);
}

CSS-селекторы 4 Псевдокласс: nth-child(an + b of S)

Расширяет :nth-child(an + b) и :nth-last-child(), чтобы получить селектор. Например, :nth-child(3 of .c) — это третий .c под данным родителем. Узнать больше можно тут.

Корневые единицы шрифта (CSS root)

Добавляет корневые единицы шрифта: ex, ch, ic и lh к существующей корневой единице шрифта rem.

Тригонометрические функции CSS

В CSS добавлены тригонометрические функции sin(), cos(), tan(), asin(), acos(), atan(), atan2().

Функция style() для @container

Добавляет функцию style() в правила @container, чтобы можно было применять стили на основе вычисленных значений пользовательских свойств элемента-предка.

Свойство `baseline-source`

Свойство baseline-source позволяет разработчикам указать, должен ли блок встроенного уровня использовать первую или последнюю базовую линию для выравнивания внутри линейного блока.

Web API

Разрешение `window-management` и строка политики разрешений

Chrome 111 добавляет window-management в качестве псевдонима для разрешений window-placement и строк политики разрешений. Это часть более масштабных усилий по переименованию строк путем отказа от поддержки и удаления window-placement. Изменение терминологии повышает долговечность дескриптора по мере развития API window-management.

Media Session API: представление действий со слайдами

Добавляет previousslide (действия предыдущего слайда) и nextslide (следующего слайда) в существующий Media Session API.

Resizable ArrayBuffer и SharedArrayBuffer

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

Потоковая передача shadow DOM

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

View Transitions API

Позволяет создавать переходы в одностраничных приложениях (SPA) путем создания моментальных снимков представлений и изменения модели DOM без перекрытия состояний. Используйте View Transitions для создания пользовательских переходов или используйте простое плавное затухание по умолчанию, чтобы улучшить взаимодействие с пользователем.

Статья с дополнительной информацией и примерами переходов.

Расширения WebRTC Scalable Video Coding

Это расширение определяет стандартный метод выбора между возможными конфигурациями Scalable Video Coding (SVC) на исходящей видеодорожке WebRTC.

WebXR аттрибут enabledFeatures

Возвращает набор функций, которые были включены для XRSession, как указано в XRSessionInit, и подразумеваемые функции, требуемые спецификацией для данного режима и функций. Для предоставленного сеанса это будет содержать все обязательные функции, но может быть подмножеством необязательных функций. У большинства функций есть альтернативные способы определения того, были ли они предоставлены; однако для некоторых функций сигнал о том, была ли функция включена, может быть тесно связан с данными о функции, которая просто недоступна в данный момент, а не с данными, недоступными когда-либо. С помощью запроса enabledFeatures вы можете определить, следует ли отображать какие-либо полезные подсказки (например, по улучшению или началу отслеживания) или функция никогда не будет поддерживаться в текущем сеансе.

Origin trials в процессе

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

Устаревшая пробная версия для удаления обхода CSP `connect-src` в Web Payment API

Устарела возможность Web Payment API обходить политику CSP connect-src при получении манифеста. После прекращения поддержки политика CSP connect-src сайта должна будет разрешать URL-адрес метода оплаты, указанный в вызове PaymentRequest, а также любые другие URL-адреса, которые метод связывает для получения своего манифеста.

Эта возможность обхода удалена в Chrome 111 с пробной версией обратного происхождения от 111 до 113 для тех разработчиков, которым необходимо временно повторно включить обход. Чтобы согласиться на это, зарегистрируйтесь для обратной пробной версии устаревания для обхода CSP connect-src.

Document Picture-in-Picture

Document Picture-in-Picture API — это новый API для открытия окна «всегда поверх», которое может быть заполнено произвольным содержимым HTML. Это расширение существующего API-интерфейса «картинка в картинке», которое позволяет помещать HTMLVideoElement только в окно PiP. Это позволяет веб-разработчикам улучшать работу PiP для пользователей.

Документация Document Picture-in-Picture.

Для пробной версии Document Picture-In-Picture.

Устаревшее и удаленное

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

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

Удалены `PaymentInstruments`

PaymentInstruments — это веб-API, поддерживающий установку платежных приложений без JIT (см. https://w3c.github.io/payment-handler/). Он был разработан с предположением, что браузер будет хранить фактические данные платежного инструмента, что не подтвердилось и имеет некоторые утечки конфиденциальности. Он также не поставляется ни в одном другом браузере, и мы не заметили интереса со стороны других поставщиков браузеров. Таким образом, этот API устарел и удален.

Удален `connect-src` для обхода CSP в Web Payment API

Устарела возможность API веб-платежей обходить политику CSP connect-src при получении манифеста. После этого удаления политика CSP connect-src сайта должна будет разрешать URL-адрес метода оплаты, указанный в вызове PaymentRequest, а также любые другие URL-адреса, которые метод связывает для получения своего манифеста.

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

Идентификатор продавца в событии `canmakepayment`

Рабочее событие сервиса canmakepayment позволяет продавцу узнать, есть ли у пользователя карта в файле установленного платежного приложения. Раньше он автоматически передавал происхождение продавца и произвольные данные сервисному работнику из источника платежного приложения. Это взаимодействие между источниками происходило при построении PaymentRequest в JavaScript, не требовало жестов пользователя и не отображало никакого пользовательского интерфейса. Этот тихий проход данных был удален из события canmakepayment и намерения Android IS_READY_TO_PAY)

Оригинал статьи на английском https://developer.chrome.com/blog/chrome-111-beta/

Последняя редакция 11 февраля, 2023 в 09:02