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

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

Рэйчел Эндрю

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

В мае Chrome 102, Safari 15.5 , Firefox 100 и Firefox 101 стали стабильными.

Chrome 102 и Safari 15.5 включают атрибут inert . Это удаляет элементы из порядка табуляции и дерева доступности, если они неинтерактивны. Например, элемент, который в данный момент находится за кадром или скрыт.

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

  • Хром: 102.
  • Край: 102.
  • Фаерфокс: 112.
  • Сафари: 15.5.

Источник

Chrome 102 включает новое значение hidden атрибута HTML until-found . Это позволяет выполнять поиск на странице и прокручивать фрагмент текста в тексте, который находится внутри свернутой области страницы, как это может быть в шаблоне аккордеона. Узнайте больше в статье Как сделать свернутый контент доступным с помощью Hidden=Until-Found .

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

  • Хром: 102.
  • Край: 102.
  • Firefox: не поддерживается.
  • Сафари: не поддерживается.

Источник

Chrome 102 поставляется с Navigation API — API, который стандартизирует маршрутизацию на стороне клиента в одностраничных приложениях. Этот API ранее назывался API истории приложений.

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

  • Хром: 102.
  • Край: 102.
  • Firefox: не поддерживается.
  • Сафари: не поддерживается.

Источник

Firefox 101 поддерживает конструируемые таблицы стилей . Поддержка включает конструктор CSSStyleSheet() , а также методы replace() и replaceSync() . Конструируемые таблицы стилей упрощают создание таблиц стилей для использования с Shadow DOM. В следующем примере таблица стилей создается с помощью конструктора CSSStyleSheet() , правило CSS добавляется с помощью метода replaceSync() , а полученное правило выводится на консоль.

const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);

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

  • Хром: 73.
  • Край: 79.
  • Фаерфокс: 101.
  • Сафари: 16.4.

Источник

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

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

  • Хром: 96.
  • Край: 96.
  • Фаерфокс: 101.
  • Сафари: 14.1.

Источник

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

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

Новыми бета-версиями в апреле стали Chrome 103 и Firefox 102 .

Firefox 102 включает функцию update мультимедиа. Это используется для запроса, может ли устройство вывода изменить внешний вид контента после его визуализации. Он принимает следующие значения:

none
После рендеринга контент не может быть обновлен. Например, распечатанный документ.
slow
Устройство может обновлять контент, но слишком медленно для отображения плавной анимации. Например, экраны E-ink.
fast
Содержимое может меняться динамически и достаточно быстро для рендеринга анимации. Например, экран компьютера или телефона.

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

  • Хром: 113.
  • Край: 113.
  • Фаерфокс: 102.
  • Сафари: 17.

Источник

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

Эти бета-функции скоро появятся в стабильных браузерах.

Изменить: в предыдущей версии этого сообщения упоминался метод Element.isVisible() , который не поставляется в этом выпуске.

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