Новое на веб-платформе в апреле

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

Рэйчел Эндрю

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

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

Четыре новые функции появятся в Baseline

В Firefox 125 добавлены четыре новые функции в список «Базовые новые доступные». API Popover, Intl.Segmenter , align-content для макетов блоков, а также значения content-box и stroke-box для transform-box .

API-интерфейс Поповера

API Popover позволяет создавать множество видов немодальных всплывающих окон. К ним относятся всплывающие подсказки, меню, всплывающие всплывающие окна и многое другое. Поповеры включают в себя множество встроенных функций, для которых раньше приходилось писать JavaScript. Узнайте больше в разделе Popover API в Baseline .

Поддержка браузера

  • 114
  • 114
  • 125
  • 17

Источник

Intl.Segmenter

Intl.Segmenter обеспечивает локальную сегментацию текста. Например, позволяя разделять слова в языках, в которых слова не разделяются пробелами. Посмотрите, как это работает . Объект Intl.Segmenter теперь является частью Baseline .

Поддержка браузера

  • 87
  • 87
  • 125
  • 14.1

Источник

align-content для макетов блоков

Свойство align-content теперь поддерживается во всех основных движках блочной компоновки. Это означает, что вы можете выполнить выравнивание направления блока без необходимости создания гибкого макета или макета сетки на родительском элементе. См. пример в разделе. Свойство align-content для макетов блоков теперь является частью Baseline .

Поддержка браузера

  • 123
  • 123
  • 125
  • 17,4

CSS transform-box

Наконец, в Firefox 125 есть значения content-box и stroke-box для свойства transform-box . Значение content-box использует поле содержимого , а stroke-box ограничивающую рамку обводки, содержащую форму SVG.

Поддержка браузера

  • 118
  • 118
  • 125
  • 13.1

API WebSocketStream.

API WebSocketStream интегрирует потоки WHATWG с API WebSocket и доступен в Chrome 124. Узнайте больше в статье WebSocketStream: интеграция потоков с API WebSocket .

Поддержка браузера

  • 124
  • 124
  • Икс
  • Икс

setHTMLUnsafe и parseHTMLUnsafe

Chrome 124 также включает методы setHTMLUnsafe и parseHTMLUnsafe , которые позволяют использовать декларативную теневую DOM из JavaScript. Эти методы также предлагают более простой способ императивного анализа HTML в DOM по сравнению с innerHTML или DOMParser .

Поддержка браузера

  • 124
  • 124
  • 123
  • 17,4

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

Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 126 , Safari 17.5 и Chrome 125 . Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску. Вот лишь несколько основных моментов.

Safari 17.5 включает функцию цвета light-dark() , которая станет базовой версией, как только версия 17.5 станет стабильной.

Также в Baseline недавно появились функции пошагового значения CSS. Chrome 125 включает round() , mod() и rem() .

Chrome 125 также включает API Compute Pressure и позиционирование привязки CSS.

Firefox 126 включает в себя API блокировки пробуждения экрана , что делает доступной еще одну базовую функцию.