Новое в Chrome 120

Адриана Хара

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

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

API CloseWatcher.

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

У веб-разработчиков не было хорошего способа обрабатывать запросы на закрытие своих собственных компонентов. Это особенно проблематично на устройствах Android, где обеспечить простое поведение закрытия жестом назад довольно сложно.

Chrome 120 предлагает решение с помощью CloseWatcher, нового API для непосредственного прослушивания и ответа на запросы закрытия. Он также включает обновления для <dialog> и popover="" для использования новой структуры запросов на закрытие, чтобы они реагировали на кнопку возврата Android.

Ознакомьтесь с демо-версией CloseWatcher API , чтобы попробовать.

Атрибут имени <details>

Атрибут name для элемента <details> упрощает реализацию шаблона аккордеона с использованием последовательности HTML-элементов <details> .

Несколько элементов <details> с одинаковым name образуют группу. При такой настройке одновременно можно открыть не более одного элемента в этой группе.

Вот пример группы с общим именем cookies :

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Отчеты о нарушениях политики разрешений

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

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

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

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

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

  • Упрощенная реализация вложенности CSS позволяет правилам вложенного стиля начинаться с элемента, а не заключаться в is() или требовать амперсанда впереди.

  • С помощью действия enterpictureinpicture в API сеанса мультимедиа веб-сайты могут зарегистрировать обработчик действия, который можно использовать для открытия окна «Картинка в картинке» или «Картинка в картинке документа».

  • Напоминаем, что Chrome работает над прекращением поддержки сторонних файлов cookie. В январе начинается эксперимент, который может повлиять на ваш веб-сайт, поэтому важно проверить «Подготовка к прекращению использования сторонних файлов cookie» для проверки и мер по снижению риска.

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

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

Подписаться

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

Эй, Адриана Хара, наша команда желает вам счастливых праздников, и как только выйдет Chrome 121, я буду здесь, чтобы рассказать вам, что нового в Chrome!

,

Адриана Хара

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

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

API CloseWatcher.

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

У веб-разработчиков не было хорошего способа обрабатывать запросы на закрытие своих собственных компонентов. Это особенно проблематично на устройствах Android, где обеспечить простое поведение закрытия жестом назад довольно сложно.

Chrome 120 предлагает решение с помощью CloseWatcher, нового API для непосредственного прослушивания и ответа на запросы закрытия. Он также включает обновления для <dialog> и popover="" для использования новой структуры запросов на закрытие, чтобы они реагировали на кнопку возврата Android.

Ознакомьтесь с демо-версией CloseWatcher API , чтобы попробовать.

Атрибут имени <details>

Атрибут name для элемента <details> упрощает реализацию шаблона аккордеона с использованием последовательности HTML-элементов <details> .

Несколько элементов <details> с одинаковым name образуют группу. При такой настройке одновременно можно открыть не более одного элемента в этой группе.

Вот пример группы с общим именем cookies :

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Отчеты о нарушениях политики разрешений

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

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

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

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

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

  • Упрощенная реализация вложенности CSS позволяет правилам вложенного стиля начинаться с элемента, а не заключаться в is() или требовать амперсанда впереди.

  • С помощью действия enterpictureinpicture в API сеанса мультимедиа веб-сайты могут зарегистрировать обработчик действия, который можно использовать для открытия окна «Картинка в картинке» или «Картинка в картинке документа».

  • Напоминаем, что Chrome работает над прекращением поддержки сторонних файлов cookie. В январе начинается эксперимент, который может повлиять на ваш веб-сайт, поэтому важно проверить «Подготовка к прекращению использования сторонних файлов cookie» для проверки и мер по снижению риска.

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

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

Подписаться

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

Эй, Адриана Хара, наша команда желает вам счастливых праздников, и как только выйдет Chrome 121, я буду здесь, чтобы рассказать вам, что нового в Chrome!