Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в декабре 2022 года.
Стабильные версии браузера
В декабре Firefox 108 и Safari 16.2 стали стабильными. Давайте посмотрим, что это значит для веб-платформы.
Поддержка атрибутов height и width <source>
Firefox 108 поддерживает атрибуты height и width для элемента <source> , если он является дочерним элементом элемента <picture> . Эти атрибуты принимают высоту или ширину изображения в пикселях как целое число без единиц измерения.
Поддержка браузера
- 90
- 90
- 108
- 15
Тригонометрические функции CSS
Firefox также теперь поддерживает тригонометрические функции в CSS — sin() , cos() , tan() , asin() , acos() , atan() и atan2() .
Поддержка последней базовой линии во всех трех движках.
В дополнение к ряду исправлений CSS, Safari 16.2 включает выравнивание last baseline для сетки CSS и макета флексбокса, что означает, что эта функция теперь поддерживается в трех основных движках браузера.
font-variant-alternates CSS
Safari также добавляет поддержку дополнительных значений для свойства CSS font-variant-alternates : annotation(имя-значения), символ-вариант(имя-значения), орнаменты(имя-значения), styleset(имя-значения), стилистический(значение). -name), swash(имя-значения) вместе со связанным с ним правилом @font-feature-values .
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 109 , Safari 16.3 и Chrome 109 .
Единственная новая функция, указанная в Safari 16.3, — это добавление директивы prefetch-src Content-Security-Policy (CSP). В этой бета-версии также есть ряд исправлений.
Chrome 109 поддерживает MathML Core — язык описания математических обозначений, встраиваемый в HTML и SVG.
Новое в Chrome на Android — безопасное подтверждение оплаты (SPC). Это предлагаемый веб-стандарт, который позволяет клиентам проходить аутентификацию у эмитента кредитной карты, банка или другого поставщика платежных услуг с помощью аутентификатора платформы, который обычно активируется с помощью функции разблокировки экрана устройства, такой как датчик отпечатков пальцев.
Также новинкой для Chrome на Android является частная файловая система Origin (OPFS), которая является частью API доступа к файловой системе на Android. Сюда входит вся поверхность API доступа к файловой системе, за исключением методов show{OpenFile, SaveFile, Directory}Picker() и интеграции API перетаскивания.
Для CSS в Chrome у нас есть единица длины lh . Эта единица измерения эквивалентна вычисленному значению свойства line-height элемента, в котором она используется. Кроме того, свойство hyphenate-limit-chars указывающее минимальное количество символов в слове, написанном через дефис.
На момент написания статьи, возможно, из-за сезона праздников, примечания к выпуску Firefox не обновлялись.
Другие новости
Этот пост знаменует собой 12-е издание этой серии постов в блоге , в которой вы найдете подборку интересных вещей, которые будут появляться в браузерах каждый месяц в 2022 году. Я вернусь в 2023 году, чтобы продолжить делиться некоторыми интересными вещами, которые каждый месяц появляются на веб-платформе.
Многие функции, появившиеся в браузерах в прошлом году, а также многие из тех вещей, которые упоминались как «исправления CSS», были частью Interop 2022. Для получения дополнительной информации прочитайте отчет команды Chrome по итогам года об этой кроссбраузерной инициативе. улучшить некоторые из основных проблем совместимости на веб-платформе.
И, наконец, для людей, читающих этот пост, представляет интерес этот список обновлений, основанный на данных о совместимости браузера MDN, опубликованный нашими друзьями из MDN.
Часть новой веб-серии.