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

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

Rachel Andrew

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

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

Методы набора JavaScript

Наборы — это важная структура данных в любом языке программирования. Теперь вы можете использовать встроенные методы JavaScript для выполнения операций над множествами. Следующие методы набора теперь доступны в Firefox 127 и стали частью Baseline Newly Available:

• intersection()
• union()
• difference()
• symmetricDifference()
• isSubsetOf()
• isSupersetOf()
• isDisjointFrom()

Чтобы узнать больше, читайте Методы JavaScript Set теперь являются частью Baseline .

API асинхронного буфера обмена

API буфера обмена теперь полностью поддерживается начиная с Firefox 127. Firefox теперь поддерживает интерфейс ClipboardItem , а также методы read() и write() интерфейса буфера обмена. Узнайте больше об API буфера обмена в разделе «Разблокирование доступа к буферу обмена» .

Интерполяция цвета в градиентах CSS

Градиенты CSS указаны для приема <color-interpolation-method> , и теперь это поддерживается в Firefox, что делает его совместимым со всеми основными движками. Теперь вы можете, например, указать linear-gradient() используя систему цвета hsl и более длинную интерполяцию.

.longer {
  background: linear-gradient(90deg in hsl longer hue, red, blue);
}

Переходы между представлениями документов

Раньше вам приходилось перепроектировать свой веб-сайт в SPA, чтобы использовать API View Transitions. Это уже не так. Начиная с Chrome 126, переходы между представлениями теперь включены по умолчанию для навигации по одному и тому же источнику. Вы можете создать переход между двумя разными документами одного и того же происхождения.

Чтобы включить переход между представлениями документов, обе стороны должны дать свое согласие. Для этого используйте at-правило @view-transition и установите для дескриптора навигации значение auto .

@view-transition {
  navigation: auto;
}

Подробную информацию о переходах между представлениями документов можно найти в документации.

Расширение trigger-rumble API Gamepad API

Chrome 126 расширяет интерфейс GamepadHapticActuator , предоставляя возможность trigger-rumble в Интернете для совместимых геймпадов. Это расширение позволит веб-приложениям, использующим API геймпада, также вибрировать триггеры геймпадов, оснащенных этой функцией.

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

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

Safari 17.6 — это выпуск исправлений существующих функций. Safari 18 имеет ряд интересных новых функций, включая запросы к контейнерам стилей, API перехода представлений для одностраничных приложений и поддержку ключевого слова safe в свойствах flexbox.

Chrome 127 включает свойство CSS font-size-adjust , возможность указывать замещающий текст в сгенерированном контенте в виде произвольного количества элементов, а также возможность добавлять информацию об отдельных главах в MediaMetaData .

Firefox 128 включает свойства и значения CSS, что делает эту функцию новой базовой версией. Используйте @property , чтобы определить type и установить резервное значение для пользовательских свойств CSS.