Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в сентябре 2023 года.
Стабильные версии браузера
В сентябре 2023 года Firefox 118 , Safari 17 и Chrome 117 стали стабильными. В этом посте рассматривается, что это значит для веб-платформы.
Значение subgrid для grid-template-columns и grid-template-rows включено в Chrome 117, что делает эту долгожданную функцию совместимой. Вы можете узнать больше о subgrid в статье CSS subgrid .
Chrome также включает три новые функции CSS, позволяющие легко добавлять анимацию входа и выхода, а также плавно анимировать отклоняемые элементы верхнего уровня, такие как диалоговые окна и всплывающие окна, и обратно. О transition-behavior , правиле @starting-style и свойстве overlay можно узнать в статье Четыре новые возможности CSS для анимации входа и выхода .
Также в Chrome 117 реализована группировка массивов JavaScript с помощью статических методов Object.groupBy и Map.groupBy .
Safari 17 включает атрибут popover , чтобы добавить поддержку Popover API .
Safari 17 и Firefox 118 включают элемент HTML <search> . Этот элемент представляет части страницы или приложения, которые содержат функции поиска или фильтрации контента.
В Safari 17 включено множество новых функций CSS, включая @counter-style . Это правило позволяет определять стили счетчиков, находящиеся за пределами предопределенного списка стилей. Эта функция теперь доступна во всех трех движках.
Firefox 118 включает в себя несколько дополнительных математических функций CSS: abs() , sign() , round() , mod() , rem() , pow() , sqrt() , hypot() , log() и exp() .
Safari 17 также включает поддержку изображений HEIC/HEIF и JPEG XL.
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 119 , Safari 17.1 и Chrome 118 . Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску, вот лишь несколько основных моментов.
Элемент <search> , который появится в Firefox и Safari в этом месяце, включен в Chrome 118, а это означает, что эта функция быстро появится во всех трех движках.
Статические методы Object.groupBy и Map.groupBy являются частью Firefox 119.
Chrome 118 включает стили CSS с областью действия с правилом @scope и новые медиа-функции с prefers-reduced-transparency и scripting .
Safari 17.1 в настоящее время представляет собой выпуск, который исправляет ряд проблем на платформе.
Часть новой веб-серии.