Что значат стабильные версии браузеров 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 , целью которого является сделать более предсказуемым постоянное вытеснение хранилища при большой нехватке памяти.

Читайте также
SortableJS переносит списки с перетаскиванием в Microsoft Blazor
SortableJS переносит списки с перетаскиванием в Microsoft Blazor
SortableJS переносит списки с перетаскиванием в Microsoft Blazor

Разработчики преобразовали SortableJS, инструмент JavaScript для создания списков с возможностью перетаскивания, в компонент Blazor для разработки веб-приложений Microsoft, переименовав его в Blazor Sortable.

Запустили llm.js — библиотеку для запуска больших языковых моделей в браузере
Запустили llm.js — библиотеку для запуска больших языковых моделей в браузере
Запустили llm.js — библиотеку для запуска больших языковых моделей в браузере

Появилась библиотека llm.js для запуска больших языковых моделей в браузере. Она написана на JavaScript. Библиотеку опубликовали на GitHub.

Что было важного у JavaScript в 2023: сигналы, RSC
Что было важного у JavaScript в 2023: сигналы, RSC
Что было важного у JavaScript в 2023: сигналы, RSC

Важные события в 2023 связанные с JavaScript — внедрение сигналов, React компоненты для сервера. JS уже фуллстек?

Dev новости: React 19, Bun приходит в Angular и GitHub AI Fund
Dev новости: React 19, Bun приходит в Angular и GitHub AI Fund
Dev новости: React 19, Bun приходит в Angular и GitHub AI Fund

React 19 вот-вот выйдет, спустя два года после выхода предыдущей версии, а еще обновления Angular и Astro, а также фонд искусственного интеллекта на GitHub.