Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в октябре 2023 года.
Стабильные версии браузера
В октябре 2023 года Firefox 119 , Safari 17.1 , Chrome 118 и Chrome 119 стали стабильными. В этом посте рассматривается, что это значит для веб-платформы.
Возможности JavaScript в Firefox 119
В Firefox 119 реализована группировка массивов JavaScript с помощью статических методов Object.groupBy и Map.groupBy .
Также в Firefox 119 есть методы isWellFormed() и toWellFormed() класса String . Их можно использовать для проверки того, содержит ли строка правильный формат Unicode, а также для очистки строки до правильного формата Unicode. Эти методы теперь совместимы между тремя основными движками.
HTML-элемент <search> теперь совместим.
Chrome 118 включает элемент <search> — новый элемент HTML, представляющий части документа или приложения, которые используются для поиска или фильтрации. Эта функция теперь совместима с тремя основными движками.
Горизонтальные правила внутри элементов выбора
Две версии Chrome появились в октябре. В Chrome 119 есть небольшое дополнение к HTML-элементам <select> . Теперь вы можете добавить горизонтальную линейку между опциями, которая отображается как разделитель между элементами. Узнайте больше в разделе «Выбрать элемент: теперь с горизонтальными линейками ».
Область видимости CSS
Chrome 118 включает CSS с ограниченной областью действия и правилом @scope . Это правило предоставляет способ выбора элементов в поддереве DOM. Узнайте больше в разделе Ограничьте охват селекторов с помощью CSS @scope at-rule .
CSS предпочитает пониженную прозрачность
Chrome 118 включает функцию prefers-reduced-transparency . Это одна из функций, которые позволяют вам проверять предпочтения, установленные пользователем на его устройстве, и реагировать на его потребности в вашем коде. Узнайте больше о функции CSS «предпочитает уменьшенную прозрачность» .
Синтаксис относительного цвета CSS
В Chrome 119 появилась новая мощная функция CSS Color 5 — синтаксис относительного цвета . Это позволяет вам получить цвет из другого цвета, используя любое цветовое пространство или синтаксис, который вам нужен.
Сбор мусора WebAssembly (WasmGC)
Chrome 119 включает WasmGC, который ускоряет работу с языками со сборкой мусора, такими как Kotlin, PHP или Java, в WebAssembly. Все подробности можно найти в сборке мусора WebAssembly (WasmGC), которая теперь включена по умолчанию в Chrome .
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 120 и Safari 17.2 . Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску. Вот лишь несколько основных моментов.
Safari 17.2 включает в себя множество новых функций. Для CSS имеется поддержка CSS Custom Highlight API, свойств mask-border , свойства counter-set и многих других функций. Кроме того, имеется множество исправлений существующих функций для улучшения совместимости.
Для HTML Safari 17.2 включает поддержку атрибута name для элемента <details> . А в веб-API есть поддержка приоритета выборки и адаптивных изображений, которые теперь включены в <link rel=preload> .
В Firefox 120 добавлена поддержка модулей CSS rh и rlh , text-wrap: balance и функции light-dark() .
Часть новой веб-серии.