Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в апреле 2022 года.
Стабильные версии браузера
В апреле Chrome 101 и Firefox 99 стали стабильными. После обилия новых функций в прошлом месяце в апреле стало немного тише, но нам удалось использовать несколько интересных вещей.
Chrome 101 включает в себя обозначение цвета hwb . Это определяет цвет в соответствии с его оттенком, белизной и чернотой. Как и в случае с другими обозначениями цвета, необязательный альфа-компонент определяет непрозрачность.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Чтобы узнать больше о hwb() , прочитайте эту статью Стефана Джудиса : hwb() – обозначение цвета для людей? .
Также в 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.
Firefox 99 включает свойство pdfViewerEnabled интерфейса Navigator. Это свойство указывает, поддерживает ли браузер встроенное отображение PDF-файлов.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию.
В апреле появились новые бета-версии Chrome 102 , Firefox 100 и Safari 15.5 .
Предварительные версии Chrome 102, Safari 15.5 и Firefox включают атрибут inert . Это удаляет элементы из порядка табуляции и дерева доступности, если они неинтерактивны. Например, элемент, который в данный момент находится за кадром или скрыт.
Chrome 102 включает новое значение hidden атрибута HTML until-found . Это позволяет выполнять поиск на странице и прокручивать фрагмент текста в тексте, который находится внутри свернутой области страницы, как это может быть в шаблоне аккордеона. Узнайте больше в статье Как сделать свернутый контент доступным с помощью Hidden=Until-Found .
Chrome 102 также включает API локального доступа к шрифтам , который обеспечивает доступ к локально установленным шрифтам пользователя.
Эти бета-функции скоро появятся в стабильных браузерах.
Часть новой веб-серии.