Что нового для разработчиков в Chrome 119

В последнем обновлении Chrome 119 произошло несколько изменений. Подробнее рассказываем в обзоре.

Cookie

Изменили время действия файлов cookie, и теперь они могут существовать не более 400 дней. Это правило распространяется как на новые файлы cookie, так и на уже существующие.

В CSS внесли три важных изменения

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

input:user-invalid {
  border: 2px solid red;
}

input:user-invalid + span::before {
  content: "✖";
  color: red;
}

2.  Изменение связано с синтаксисом относительных цветов. Теперь разработчики могут задавать цвета, изменяя параметры других цветов.
3.  Изменение связано с улучшением свойства clip-path. Это позволяет более гибко управлять областью обрезки. Благодаря новым значениям, вы можете легко настраивать рамку обрезки, а функции xywh() и rect() облегчают создание прямоугольных или округло-прямоугольных обрезок. Это улучшение поможет вам создавать более точные и гармоничные визуальные эффекты на вашем веб-сайте.

Улучшение Fenced frames

Еще в обновлении API Protected Audience были внесены изменения, связанные с возможностью добавления макросов размера объявления в URL. Теперь, благодаря этим изменениям, автоматические маячки будут отправляться на все зарегистрированные URL, а не только на указанные при вызове пункты. Это расширение функциональности позволит вам более эффективно отслеживать и анализировать данные автоматических маячков на вашем веб-сайте.

Бонус-бонус-бонус в Chrome 119

1. Полностью удалили поддержку WebSQL. Теперь это устаревшая технология, и рекомендуется использовать IndexedDB вместо нее.
2. Добавили опцию monitorTypeSurfaces, которая позволяет предотвратить возможность пользователем делиться содержимым экрана с помощью функции getDisplayMedia(). Это полезно для обеспечения приватности пользователя и предотвращения возможных нарушений.
3. В JavaScript API был добавлен новый параметр fullscreen для функции window.open(). Использование этого параметра позволяет открыть всплывающие окна в полноэкранном режиме, что может быть полезным для создания интерактивных страниц и улучшения пользовательского опыта.