Октябрьское обновление Interop 2023

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

В январе 2023 года мы объявили о запуске Interop 2023 и о 26 основных областях, над улучшением которых все движки будут работать в течение года.

Общий балл взаимодействия экспериментальных браузеров на момент запуска составлял 62.

Общий балл по взаимодействию: 62, расследования: 0, а баллы по каждому браузеру — 86 для Chrome и Edge, 74 для Firefox, 86 для Safari Technology Preview.
Панель мониторинга Interop 2023 (скриншот сделан 31 января 2023 г.).

Статус по состоянию на октябрь 2023 г.

Общий балл взаимодействия для экспериментальных браузеров составляет 89. Если вы перейдете в режим «Стабильная» и посмотрите на то, что уже было добавлено в стабильные браузеры, то оценка составит приличные 75. За этой оценкой стоит целая куча вещей, которые теперь работают на основных двигателях. Некоторые из них представляют собой небольшие исправления совместимости, но также и некоторые важные функции.

Общий балл за взаимодействие: 89, исследования: 66, а баллы по каждому браузеру — 97 для Chrome и Edge, 93 для Firefox, 95 для Safari Technology Preview.
Панель мониторинга Interop 2023 (скриншот сделан 30 октября 2023 г.).

Запросы размера контейнера и значения длины запроса контейнера

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

Поддержка браузера

  • 105
  • 105
  • 110
  • 16

Источник

Наряду с запросами размера контейнера появились единицы запроса контейнера . Они используются так же, как и единицы просмотра, такие как vw , с той разницей, что они относятся к контейнеру, а не к области просмотра.

Поддержка браузера

  • 105
  • 105
  • 110
  • 16

Цветовые пространства и функции

В мае стали поддерживаться функциональные возможности цветовых пространств Lab, LCH, Oklab и Oklch. Функциональные обозначения CSS lab() , lch() , oklab() и oklch() дают разработчикам возможность использовать эти цветовые пространства. Также были включены функциональные обозначения color() и color-mix() .

Поддержка браузера

  • 111
  • 111
  • 113
  • 15

Источник

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

Подсетка

Функция subgrid для макета сетки CSS — это новое значение для grid-template-columns и grid-template-rows , которое позволяет вложенной сетке использовать определение дорожки из родительской сетки. Это означает, что вы можете выстраивать в ряд объекты, вложенные в структуру сетки.

Поддержка браузера

  • 117
  • 117
  • 71
  • 16

Источник

Узнайте больше о подсетке . Чтобы узнать о некоторых сложностях, затрудняющих реализацию подсетки, посмотрите это видео от BlinkOn 18 .

Инертный атрибут HTML

Глобальный атрибут HTML inert означает, что вы можете помечать разделы страницы как неактивные. Это предотвращает события щелчка и фокусировки, а также скрывает элемент и его содержимое из дерева доступности. Это полезно, например, для контента, который визуально находится за кадром и поэтому также должен быть неактивен для программ чтения с экрана.

Поддержка браузера

  • 102
  • 102
  • 112
  • 15,5

Источник

И это еще не все

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