Откройте для себя некоторые интересные функции, которые появятся в стабильных и бета-версиях веб-браузеров в июне 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);
}
Поддержка браузера
- 111
- 111
- 127
- 16.2
Переходы между представлениями документов
Раньше вам приходилось перепроектировать свой веб-сайт в 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.