Откройте для себя некоторые интересные функции, которые появятся в стабильных и бета-версиях веб-браузеров в июне 2024 года.
Стабильные версии браузера
В июне 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
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.