Poznaj ciekawe funkcje, które w sierpniu 2025 r. pojawiły się w stabilnych i beta wersjach przeglądarek.
Opublikowano: 29 sierpnia 2025 r.
Stabilne wersje przeglądarki
W sierpniu opublikowano stabilne wersje Chrome 139 i Firefox 142. W tym poście przyjrzymy się, co to oznacza dla platformy internetowej.
Interfejs URL Pattern API
Firefox 142 obsługuje interfejs URL Pattern API, co znacznie ułatwia dopasowywanie i parsowanie adresów URL. Ta funkcja jest już dostępna w Chrome i w wersji beta Safari 26, co oznacza, że wkrótce powinna pojawić się w Baseline.
Planowanie zadań z priorytetami
Firefox 142 obsługuje też interfejs Prioritized Task Scheduling API.
Obsługiwane są zdarzenia Scheduler
, TaskController
, TaskSignal
, TaskPriorityChangeEvent
(i zdarzenie prioritychange
) oraz właściwości Window.scheduler
i WorkerGlobalScope.scheduler
.
Oznacza to, że możesz teraz używać scheduler.yield
do dzielenia długich zadań w Chrome i Firefoxie. Dostępny jest też polyfill, który może pomóc w miejscach, w których nie jest on obsługiwany.
Kształtowanie narożników za pomocą CSS
Jeśli zawsze chciałeś(-aś) tworzyć kwadraty o zaokrąglonych rogach, z pewnością ucieszy Cię nowa właściwość corner-shape
w Chrome 139.
Działa to w połączeniu z border-radius
, co pozwala po raz pierwszy dostosować kształt rogu.
Więcej informacji i przykłady znajdziesz w artykule Understanding CSS corner-shape and the Power of the Superellipse (w języku angielskim).
Funkcje niestandardowe CSS
W Chrome 139 dostępne są też niestandardowe funkcje CSS. Są one podobne do właściwości niestandardowych, ale zamiast zwracać jedną stałą wartość, zwracają wartości na podstawie innych właściwości niestandardowych, parametrów i warunków.
Funkcje CSS są definiowane za pomocą reguły @function
i stanowią część specyfikacji niestandardowych funkcji i miksów CSS.
@function --negate(--value) {
result: calc(var(--value) * -1);
}
div {
--gap: 1em;
margin-top: --negate(var(--gap));
}
Polecenie wywołujące request-close
Elementy okna dialogowego można zamykać na różne sposoby, a deweloperzy czasami chcą mieć możliwość zapobiegania zamknięciu. Aby to osiągnąć, okna te wywołują zdarzenie anulowania. Początkowo zdarzenie to było wywoływane tylko w przypadku prośby o zamknięcie (np. naciśnięcia klawisza ESC). Ostatnio dodaliśmy funkcję JavaScript requestClose()
, która również wywołuje zdarzenie anulowania.
Polecenie request-close
, dostępne teraz w Chrome 139, wprowadza tę nową funkcję do deklaratywnego interfejsu API poleceń wywołujących.
Wersje beta przeglądarki
Wersje beta przeglądarki umożliwiają zapoznanie się z funkcjami, które pojawią się w kolejnej stabilnej wersji przeglądarki. To świetny moment na przetestowanie nowych funkcji lub usunięć, które mogą mieć wpływ na Twoją witrynę, zanim zostaną one udostępnione wszystkim użytkownikom. Nowe wersje beta w tym miesiącu to Firefox 143 i Chrome 140, a wersja beta Safari 26 jest nadal dostępna.
Firefox 143 zawiera pseudoelement ::details-content
, który jest uwzględniony w Interop 2025. W tej wersji udostępnimy funkcję Baseline Newly.
Zawiera też właściwość CSS text-autospace
. Ta funkcja internacjonalizacji jest przydatna, jeśli wyświetlasz tekst w języku chińskim, japońskim lub koreańskim (CJK) obok znaków innych niż CJK.
Umożliwia określenie odstępu między tymi znakami.
Chrome 140 zawiera atrybut source
elementu ToggleEvent
, który zawiera element, który spowodował wywołanie zdarzenia ToggleEvent.
W tej wersji znajdziesz też obsługę deskryptorów w @font-face
regule oraz szereg aktualizacji WebGPU.font-variation-settings