Что значат стабильные версии браузеров Firefox 122, Chrome 121 и Safari 17.3 в феврале 2024

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

В январе 2024 года Firefox 122 , Chrome 121 и Safari 17.3 стали стабильными. В этом посте рассмотрим новые функции, добавленные в веб-платформу.

<hr> в <select>

Firefox 122 добавляет <hr>элементы как допустимые дочерние <select> элементы. Это помогает улучшить читаемость списков выбора с большим количеством опций. Все основные браузерные движки теперь поддерживают эту функцию. Однако стоит отметить, что ни один браузер в настоящее время не отображает <hr>дерево доступности.

HTMLSelectElement.showPicker

Также для <select>элементов в Firefox есть showPicker() метод HTMLSelectElement. Это тот же самый инструмент выбора, который обычно отображается при выборе элемента, но его можно активировать нажатием кнопки или другим взаимодействием с пользователем.

Самый большой API-интерфейс Contentful Paint (LCP)

Firefox 122 также поддерживает LCP API . Этот API производительности предоставляет информацию о времени для самого большого изображения или текста перед взаимодействием пользователей с веб-страницей. Подробную информацию о LCP можно найти в документации LCP.

Свойства полосы прокрутки CSS

В Chrome 121 добавлена ​​поддержка свойств полосы прокрутки scrollbar-colorи scrollbar-width. Подробнее об этом читайте в статье Оформление полосы прокрутки.

CSS font-palette-анимация

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

и методы transfer()_transferToFixedLength()ArrayBuffer

Firefox включает в себя JavaScript transfer()и transferToFixedLength()методы ArrayBuffer. Метод transfer()создает новый файл ArrayBufferс тем же содержимым байтов, что и текущий ArrayBuffer, а затем отсоединяет исходный ArrayBuffer. Метод transferToFixedLength()работает таким же образом, но создает фиксированный размер ArrayBuffer.

Обновления API правил спекуляций

Сайты используют API-интерфейс Speculation Rules , чтобы программно сообщать Chrome, какие страницы нужно предварительно отрисовывать, что повышает удобство работы пользователей за счет сокращения времени навигации по страницам.

Chrome 121 включает поддержку правил документов : они представляют собой расширение синтаксиса правил спекуляции, которое позволяет браузеру получать список URL-адресов для спекулятивной загрузки из элементов на странице. Правила документа могут включать критерии, по которым можно использовать эти ссылки. Это, в сочетании с новым полем «стремления» , позволяет автоматически выполнять предварительную выборку или предварительную отрисовку ссылок на страницах сразу же, при наведении или наведении курсора мыши.

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

Бета-версия Firefox 123 включает в себя декларативный теневой DOM .

Также в Firefox 123 поддерживается код состояния ответа на информацию103 Early Hints HTTP для предварительной загрузки ресурсов , которые могут понадобиться странице, пока сервер подготавливает полный ответ.

В бета-версии Safari 17.4 есть много хорошего. Для CSS имеется поддержка @scope, align-contentблочных контейнеров и ячеек таблицы, а также ::grammar-errorпсевдоэлементов ::spelling-errorи и многое другое.

В формах — поддержка режима вертикального письма в элементах управления формой, метод showPicker()и <input type="date">поддержка <hr>внутри <select>в iOS.

JavaScript также получает некоторые новые функции, среди прочего , с поддержкой detached(), transfer()и transferToFixedLength()методов .ArrayBuffer

Бета-версия Chrome 122 включает в себя unsanitizedопцию метода read()Async Clipboard API для получения несанкционированного формата HTML. Для JavaScript появились новые помощники итераторов и новые методы встроенного Setкласса.

Также в Chrome 122 есть API Storage Buckets , целью которого является сделать более предсказуемым постоянное вытеснение хранилища при большой нехватке памяти.