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

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

Опубликовано: 29 января 2025 г.

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

В январе 2025 года Firefox 134 , Safari 18.3 и Chrome 132 стали стабильными. В этом посте рассматриваются новые функции, добавленные в веб-платформу.

Promise.try теперь является базовой версией Недавно доступно

Promise.try — это удобный метод, который упрощает обработку ошибок для синхронных функций обратного вызова. Он доступен в Firefox 134, что делает его доступным в базовой версии. Узнайте больше в Promise.try теперь является базовой версией Недавно доступно .

Свойства выравнивания CSS для элементов с абсолютным позиционированием

Также в Firefox 134 свойства CSS align-self и justify-self а также свойство CSS place-self теперь поддерживаются для абсолютно позиционированных элементов.

Browser Support

  • Хром: 122.
  • Край: 122.
  • Фаерфокс: 134.
  • Сафари: не поддерживается.

Режимы бокового написания CSS

Поддержка ключевых словsideways sideways-rl sideways-lr для свойства CSS writing-mode была добавлена ​​в Chrome 132. sideways-rl sideways-lr полезны для вертикального написания текста, отличного от CJK, когда вы хотите отображать вертикальный текст для дизайнерские цели.

Browser Support

  • Хром: 132.
  • Край: 132.
  • Фаерфокс: 43.
  • Сафари: не поддерживается.

Исправления в мобильной поддержке всплывающего окна.

Safari 18.3 — это выпуск, исправляющий различные проблемы совместимости. Ключевой проблемой является исправление всплывающего окна. Ранее нажатие или нажатие за пределами всплывающего окна не закрывало его на iOS и iPadOS. Теперь это исправлено.

Request.bytes() и Response.bytes() являются базовыми. Недавно доступны.

Chrome 132 добавляет метод bytes() к интерфейсам Request и Response Fetch, который возвращает обещание, которое разрешается с помощью Uint8Array . Хотя Request и Response имеют метод arrayBuffer() , вы не можете читать непосредственно из буфера. Чтобы прочитать его, вам необходимо создать представление, такое как Uint8Array . Метод bytes() улучшает эргономику получения тела Request и Response .

Browser Support

  • Хром: 132.
  • Край: 132.
  • Фаерфокс: 128.
  • Сафари: 18.

Source

API положения устройства

Chrome 132 включает API положения устройства, предназначенный для помощи при разработке складных экранов. Эта реализация включает в себя новую медиа device-posture , которую можно использовать для определения текущего положения устройства. Он также включает в себя интерфейс JavaScript для обнаружения и реагирования на изменения позы. Позы определяются как:

  • continuous : указывает на плоский экран — сюда может относиться складное устройство во время его использования, а также плоские или изогнутые экраны.
  • folded : обозначает сложенный экран — это может быть складное устройство, используемое в положении книги или ноутбука.

Browser Support

  • Хром: 132.
  • Край: 132.
  • Firefox: не поддерживается.
  • Сафари: не поддерживается.

API сигнала WebAuthn

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

Узнайте больше об API Signal для ключей доступа на компьютере Chrome .

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

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

Chrome 133 — это потрясающая версия CSS. Он включает в себя расширенную функцию attr() , запросы контейнера состояния прокрутки , а также CSS text-box , text-box-trim и text-box-edge .

Chrome 133 также включает интерфейс FileSystemObserver и примитив DOM ( Node.prototype.moveBefore ), который позволяет перемещать элементы по дереву DOM без сброса состояния элемента.

Firefox 135 включает в себя синтаксический анализ JSON с исходным предложением , целью которого является предоставление функций для устранения проблем, связанных с потерей точности при преобразовании таких значений, как большие числа с плавающей запятой и значения даты, между значениями JavaScript и текстом JSON.