Новое в Chrome 98

Пит ЛеПейдж

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

Меня зовут Пит ЛеПейдж . Давайте углубимся и посмотрим, что нового для разработчиков в Chrome 98.

Отказ от автоматических темных тем на Android

В Chrome 96 мы запустили пробную версию Auto Dark Themes для Android .

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

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

<meta name="color-scheme" content="only light">

Или вы можете отказаться, установив color-scheme: only light для элемента :root .

:root {
  color-scheme: only light;
}

Но главное преимущество этого метода в том, что вы можете отказаться от него для каждого элемента, применив к нему определенный стиль.

.only-light,
#my-element {
  color-scheme: only light;
}

Подробную информацию можно найти в разделе «Как отказаться от автоматической темной темы» в статье «Автоматические темные темы на Android» .

Поддержка шрифтов COLRv1

В Chrome 98 теперь есть поддержка COLRv1 , эволюции формата шрифта COLRv0. Он добавляет градиенты, компоновку и смешивание, а также улучшенное повторное использование форм для четких и компактных файлов шрифтов, которые хорошо сжимаются.

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

Заголовок с использованием шрифтов COLRv1

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

Файл шрифта с использованием последовательных эмодзи

Мы работаем над способами улучшения обнаружения функций, поскольку это пока не так просто, как должно быть. Но за этим стоит следить.

Более подробную информацию и информацию о том, как создавать собственные шрифты, можно найти в статье Векторные градиентные шрифты COLRv1 в Chrome 98.

Эмулировать Chrome 100 в строке UA

Всего через несколько месяцев мы достигнем Chrome 100, трехзначного номера версии. Любой код, который проверяет номера версий или анализирует строку UA, следует проверить, чтобы убедиться, что он обрабатывает три цифры.

Существует флаг #force-major-version-to-100 , который изменит текущий номер версии на 100, чтобы вы могли убедиться, что все работает так, как и ожидалось.

Chrome отмечает страницу, на которой выделена новая опция #force-major-version-to-100

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

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

Предварительные запросы CORS теперь отправляются раньше запросов частной сети на подресурсы, запрашивая явное разрешение от целевого сервера.

Есть новый пробный период происхождения для Region Capture , API для обрезки видеодорожки самозахвата. Идеально подходит для совместного использования экрана в приложениях для видеоконференций, чтобы не создавать эффект зала зеркал!

Элементы управления наложением окон были запланированы для Chrome 98, но из-за проблем, обнаруженных в последнюю минуту, не были реализованы. Мы все еще работаем над этим и ожидаем увидеть их в следующих нескольких выпусках.

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

Это охватывает только некоторые из основных моментов. Проверьте ссылки ниже для дополнительных изменений в Chrome 98.

Подписаться

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

Меня зовут Пит ЛеПейдж, и как только выйдет Chrome 99, я сразу же расскажу вам, что нового в Chrome!