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

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

Rachel Andrew

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

В феврале Chrome 98 и Firefox 97 стали стабильными.

В Chrome 98 появился метод self.structuredClone . Он создает глубокую копию значения, используя алгоритм структурированного клонирования. Узнайте больше о structuredClone() .

Firefox 97 включает каскадные слои . Правило @layer определяет каскадный уровень, помогая вам контролировать специфичность.

@layer framework {
  /* creates a new layer named framework */
}

Firefox — первый браузер, в релизной версии которого реализована такая возможность. Тем не менее, ознакомьтесь с разделом этого поста, посвященным бета-версиям , так как совсем скоро эта функция станет доступна повсюду. Узнайте больше о каскадных слоях в разделе «Слои Cacade» появятся в вашем браузере .

Firefox также имеет свойство scrollbar-gutter . Это свойство помогает устранить сдвиги макета, вызванные появлением полосы прокрутки по мере увеличения содержимого.

Полоса полосы прокрутки — это пространство между внутренним краем границы и внешним краем заполнения. Здесь при необходимости появится полоса прокрутки. Если полоса прокрутки отсутствует, переплет отображается как расширение отступа. Следующий CSS добавит интервалы, учитывающие размер полосы прокрутки, по обеим сторонам поля, чтобы сохранить симметричность внешнего вида.

.container {
  scrollbar-gutter: stable both-edges;
}

Chrome 98 поддерживает векторные шрифты с цветовым градиентом COLRv1 в качестве дополнительного нового формата шрифта. Цветной шрифт содержит глифы с несколькими цветами, которые могут быть, например, эмодзи, флагом страны или разноцветной буквой.

Подробнее об этом новом формате шрифта читайте в статье «Векторные шрифты с градиентом цвета COLRv1» в Chrome 98 .

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

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

В феврале появились новые бета-версии Chrome 99 и Firefox 98 . Бета-версия Safari 15.4 все еще находится в стадии разработки, я рассказал о некоторых вещах, включенных в прошлом месяце .

Chrome 99 включает Cascade Layers, а Cascade Layers также есть в Safari Beta 15.4. Мы можем ожидать, что очень скоро увидим эту функцию во всех вечнозеленых браузерах.

Также в Chrome 99 появилось несколько новых атрибутов для CanvasRenderingContext2D и новый метод showPicker() в HTMLInputElement , который позволяет отображать средство выбора браузера для даты, времени, цвета и файлов .

В Firefox 98 вы найдете элемент <dialog> . Еще одна функция, которая появится во всех вечнозеленых браузерах, как только бета-версии Firefox и Safari станут стабильными.

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

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