Новое на веб-платформе в январе

Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в январе 2023 года.

Rachel Andrew

Стабильные версии браузера

В январе 2023 года Firefox 109 , Chrome 109 и Safari 16.3 стали стабильными. Давайте посмотрим, что это значит для веб-платформы.

МатематикаML

Chrome 109 поддерживает MathML Core — язык описания математических обозначений, встраиваемый в HTML и SVG. Этот выпуск означает, что MathML теперь совместим со всеми основными движками.

Событие scrollend

Firefox 109 реализует scrollend . Это событие обеспечивает надежный способ определить, что прокрутка завершена. Узнайте больше об этом событии, которое также реализуется в Chrome, в статье Scrollend, новое событие JavaScript .

Единица длины CSS lh и hyphenate-limit-chars

Для CSS в Chrome у нас есть единица длины lh . Эта единица измерения эквивалентна вычисленному значению свойства line-height элемента, в котором она используется.

Кроме того, свойство hyphenate-limit-chars указывающее минимальное количество символов в слове, написанном через дефис.

Политика безопасности контента (CSP) prefetch-src

Safari 16.3 в основном представляет собой выпуск исправлений и решает ряд проблем с размером CSS. Единственная новая функция, указанная в примечаниях, — это добавление директивы prefetch-src Content-Security-Policy (CSP).

Возможности Chrome на Android

Новое в Chrome на Android — безопасное подтверждение оплаты (SPC). Это предлагаемый веб-стандарт, который позволяет клиентам проходить аутентификацию у эмитента кредитной карты, банка или другого поставщика платежных услуг с помощью аутентификатора платформы, который обычно активируется с помощью функции разблокировки экрана устройства, такой как датчик отпечатков пальцев.

Также новинкой для Chrome на Android является частная файловая система Origin (OPFS) , которая является частью API доступа к файловой системе на Android. Сюда входит вся поверхность API доступа к файловой системе, за исключением методов show{OpenFile, SaveFile, Directory}Picker() и интеграции API перетаскивания.

Бета-версии браузера

Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 110 и Chrome 110 .

Chrome 110 включает свойство CSS initial-letter . Это свойство позволяет задать количество строк, в которых начальная буква должна погрузиться в текст. Узнайте больше в статье Управляйте буквицами с помощью CSS Initial-letter .

Кроме того, для CSS в Chrome 110 существует псевдокласс :picture-in-picture . Это дает вам возможность нацеливаться и настраивать медиаплеер, когда видео входит в режим «картинка в картинке» и выходит из него.

Chrome включает метод setSinkID() API AudioContext . Этот метод позволяет изменить целевое аудиоустройство при использовании веб-аудио .

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

Часть новой веб-серии.