Новое в Chrome 119

Адриана Хара

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

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

Срок действия файлов cookie.

Поскольку в Chrome 104 вновь созданные файлы cookie или файлы cookie, обновленные с указанием даты истечения срока действия, эта дата ограничена не более чем на 400 дней в будущем. Это же ограничение теперь будет задним числом применяться к файлам cookie, уже хранящимся.

Срок действия этих файлов cookie будет ограничен максимум 400 днями после первого запуска Chrome 119+ и выполнения однократной миграции базы данных. Влияние этого изменения ощутят пользователи не ранее, чем через 400 дней после выпуска Chrome 119, и то только для существующих файлов cookie, которые не обновлялись за этот период.

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

Обновления CSS

Для CSS у нас есть три обновления:

Номер один: новые псевдоклассы :user-invalid и :user-valid , которые представляют элемент с неправильным или правильным вводом соответственно, но только после того, как пользователь существенно с ним взаимодействовал. Они похожи на псевдоклассы :valid и :invalid , но с добавленным ограничением, согласно которому новые псевдоклассы совпадают только после того, как пользователь взаимодействовал с элементом.

Номер два: синтаксис относительного цвета позволяет разработчикам определять цвета, изменяя параметры других цветов.

Например: oklab(from magenta calc(l * 0.8) ab); в результате пурпурный цвет Oklab становится на 80 % светлее.

И номер третий: clip-path теперь поддерживает больше значений.

Свойство clip-path создает область отсечения, определяющую, какая часть элемента должна отображаться. Части, находящиеся внутри области, отображаются, а те, что находятся за ее пределами, скрыты.

Теперь вы можете использовать значения <geometry-box> для управления полем ссылки клипа, что упрощает использование clip-path . Эти значения поля можно использовать вместе с основными фигурами (например, clip-path: circle(50%) margin-box ) или их можно использовать отдельно для обрезки в указанный блок (например, clip-path: content-box ).

Вы также можете использовать функции xywh() и rect() , которые упрощают задание прямоугольных или скругленно-прямоугольных клипов.

Исправление: в предыдущей версии этой статьи говорилось об улучшениях Fenced Frames. Эти изменения теперь доступны в Chrome 120.

И более!

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

  • WebSQL полностью удален из Chrome 119. Пробная версия обратного происхождения позволяет разработчикам продолжать использовать WebSQL до Chrome 123.

  • Теперь параметр monitorTypeSurfaces можно использовать, чтобы запретить пользователю совместное использование всего экрана с помощью getDisplayMedia()

  • Существует пробная версия источника , которая добавляет fullscreen параметр windowFeatures в API JavaScript window.open() , чтобы позволить вызывающей стороне открывать всплывающее окно непосредственно в полноэкранном режиме.

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

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

Подписаться

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

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