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

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

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

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

<hr> в <select>

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

Image

HTMLSelectElement.showPicker

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

Image 1

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

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

Image 2

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

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

Image 3

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

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

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

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

Image 4

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

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

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

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

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

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

В бета-версии Safari 17.4 есть много хорошего. Для CSS имеется поддержка @scopealign-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 , целью которого является сделать более предсказуемым постоянное вытеснение хранилища при большой нехватке памяти.

Читайте также
Microsoft Dev Kit для Visual Studio Code стал общедоступным
Microsoft Dev Kit для Visual Studio Code стал общедоступным
Microsoft Dev Kit для Visual Studio Code стал общедоступным

Расширение C# Dev Kit включает в себя основные сервисы языка C#, помощь IntelliCode, возможности тестирования, отладки и управления проектами. Поддержка .NET MAUI и Unity сейчас находится в стадии предварительного просмотра.

Дайджест веб-новостей за октябрь
Дайджест веб-новостей за октябрь
Дайджест веб-новостей за октябрь

Самое интересное, что произошло в мире веб в октябре.

Игра «Нейрогород» на знание JavaScript и исправление фронтендерских багов
Игра «Нейрогород» на знание JavaScript и исправление фронтендерских багов
Игра «Нейрогород» на знание JavaScript и исправление фронтендерских багов

Задача игры — устранить все баги, особенно присматриваться к любым странным и необычным явлениям во внешнем облике города.

Deno 1.38: улучшили HTML-документацию и горячую замену модулей
Deno 1.38: улучшили HTML-документацию и горячую замену модулей
Deno 1.38: улучшили HTML-документацию и горячую замену модулей

В новой версии Deno появилось несколько интересных фич: документация HTML, совместимость с Node.js, горячая замена модулей, функция менеджера пакетов и еще парочка дополнительных функций.