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

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

Рэйчел Эндрю

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

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

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

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

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

Browser Support

  • Хром: 101.
  • Край: 101.
  • Firefox: 96.
  • Сафари: 15.

Source

В Chrome 101 также появилась функция Fetch Priority . Она позволяет указать браузеру порядок загрузки ресурсов с помощью атрибута fetchpriority . В примере ниже низкоприоритетное изображение обозначено атрибутом fetchpriority="low" .

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

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

Browser Support

  • Хром: 102.
  • Край: 102.
  • Firefox: 132.
  • Сафари: 17.2.

Source

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

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

Browser Support

  • Хром: 94.
  • Край: 94.
  • Firefox: 99.
  • Сафари: 16.4.

Source

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

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

Новые бета-версии в апреле: Chrome 102 , Firefox 100 и Safari 15.5 .

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

В Chrome 102 добавлено новое значение until-found для атрибута HTML hidden . Это позволяет находить текст на странице и прокручивать его к фрагменту, находящемуся внутри свёрнутой области страницы, например, в шаблоне «гармошка». Подробнее см. в статье «Делаем свёрнутый контент доступным с помощью hidden=until-found» .

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

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

Часть серии «Новинки в Интернете»