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

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

Рэйчел Эндрю

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

В апреле Chrome 101 и Firefox 99 стали стабильными. После огромного количества новых функций в прошлом месяце , в апреле стало немного тише, но нам удалось использовать несколько интересных вещей.

Chrome 101 включает в себя обозначение цвета hwb . Это определяет цвет в соответствии с его оттенком, белизной и чернотой. Как и в случае с другими обозначениями цвета, необязательный альфа-компонент определяет непрозрачность.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Чтобы узнать больше о hwb() , прочитайте эту статью Стефана Джудиса : hwb() – обозначение цвета для людей? .

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

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

Источник

Также в Chrome 101 есть функция приоритета выборки . Это дает вам возможность указать браузеру, в каком порядке следует загружать ресурсы, используя атрибут fetchpriority . В приведенном ниже примере изображение с низким приоритетом обозначается fetchpriority="low" .

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

Функция Fetch Priority пока недоступна в других браузерах, однако вы можете начать использовать ее прямо сейчас, чтобы принести пользу всем, у кого есть браузер на базе Chromium 101.

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

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

Источник

Firefox 99 включает свойство pdfViewerEnabled интерфейса Navigator. Это свойство указывает, поддерживает ли браузер встроенное отображение PDF-файлов.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

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

  • Хром: 94.
  • Край: 94.
  • Фаерфокс: 99.
  • Сафари: 16.4.

Источник

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

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

В апреле появились новые бета-версии Chrome 102 , Firefox 100 и Safari 15.5 .

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

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

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

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

Источник

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

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

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