Nowości na platformie internetowej w czerwcu

Poznaj kilka ciekawych funkcji, które w czerwcu 2025 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.

Rachel Andrew

Data publikacji: 30 czerwca 2025 r.

stabilne wersje przeglądarek,

W czerwcu 2025 r. stały się one stabilnymi wersjami: Firefox 140 i Chrome 138. W tym poście omawiamy nowe funkcje dodane do platformy internetowej w ramach tych wersji.

Umieszczanie znaku ucieczki przed znakami < i > w atrybutach podczas serializacji kodu HTML

Zarówno Chrome 138, jak i Firefox 140 zawierają tę zmianę, aby zapobiec wykorzystywaniu luk, w których kod HTML jest serializowany, a następnie wstrzykiwany z powrotem do DOM. Ta zmiana jest też uwzględniona w wersji beta Safari 26. Więcej informacji o tym, dlaczego ta zmiana była potrzebna

Interfejs API CSS Custom Highlight

Firefox 140 wdraża interfejs CSS Custom Highlight API. Umożliwia to definiowanie dowolnych zakresów tekstu w dokumencie i nadawanie im stylów, podobnie jak w przypadku innych pseudoelementów CSS, takich jak ::grammar-error.

Oprócz interfejsu JavaScript API praca obejmuje pseudoelement CSS ::highlight, który służy do stosowania stylów do zarejestrowanego wyróżnienia. Chociaż ta funkcja jest obecnie w dużej mierze interoperacyjna, niektóre problemy z pseudoelementem ::highlight sprawiają, że nie jest ona jeszcze w pełni zgodna ze standardem.

Cookie Store API

Interfejs Cookie Store API to asynchroniczny interfejs API do zarządzania plikami cookie. Jest obsługiwany od wersji Firefoxa 140. Obecnie interfejs API jest obsługiwany w podstawowy sposób we wszystkich przeglądarkach. Aby dowiedzieć się, które elementy nie są jeszcze interoperacyjne, sprawdź tabelę zgodności na stronie MDN.

Usuwanie zdarzeń mutacji

Interop 2025 zawiera usunięcie w tym roku. Starsze zdarzenia mutacji, takie jak DOMSubtreeModified, DOMNodeInserted i DOMNodeRemoved, sprawdzają zmiany w DOM i uruchamiają funkcję wywołania zwrotnego detektora zdarzeń, gdy nastąpią zmiany w DOM. Te zdarzenia mutacji zostały wycofane na rzecz interfejsu API MutationObserver, który jest wydajniejszy i mniej podatny na błędy.

Firefox 140 usuwa te zdarzenia, które zostały już usunięte z Chrome.

Funkcje CSS w Chrome 138

Chrome 138 zawiera cały zestaw funkcji CSS, z których część jest nowa na platformie, a pozostałe stają się domyślnymi po włączeniu ich w Chrome.

Funkcje związane z podpisami abs() i sign() stają się dostępne w wersji podstawowej w Chrome 138.

Nowością na platformie jest funkcja interpolacji progress().

Chrome 138 zawiera też sibling-index() i sibling-count(). Można ich używać jako liczb całkowitych w wartościach właściwości CSS, aby nadawać styl elementom na podstawie ich pozycji w grupie elementów pokrewnych lub łącznej liczby takich elementów.

Wbudowane interfejsy API AI do tłumaczenia, wykrywania języka i streszczenia

Wersja Chrome 138 zawiera 3 wbudowane interfejsy AI w JavaScript. Interfejsy Translator i Language Detector API umożliwiają wykrywanie języka, w jakim napisano tekst, oraz tłumaczenie tego tekstu na inne języki. Korzystają one z własnego wewnętrznego modelu AI przeglądarki, więc działają na urządzeniu.

Interfejs Summarizer API podsumowuje tekst, ponownie na urządzeniu, używając wewnętrznego modelu AI przeglądarki.

Obsługa orientacji ramki wideo w WebCodecs

Chrome 138 dodaje też wartości rotation: int i flip: bool do różnych interfejsów związanych z wideo w WebCodecs, aby programiści mogli pracować ze źródłami klatek, które mają orientację.

Wersje beta przeglądarek

Wersje beta przeglądarki umożliwiają przeglądanie funkcji, które pojawią się w następnej wersji stabilnej przeglądarki. To świetny czas na przetestowanie nowych funkcji lub zmian, które mogą mieć wpływ na Twoją witrynę, zanim zostaną udostępnione publicznie. Nowe wersje beta to: Firefox 141, Safari 26 i Chrome 139.

Safari 26 ma być wersją pełną funkcji. W przypadku CSS obejmuje to obsługę funkcji overflow-block i overflow-inline, animacji sterowanych przewijaniem, pozycjonowania kotwic, funkcji CSS progress() i wiele innych. Dostępne są też interfejsy API AudioEncoder i AudioDecoder, interfejs URLPattern API, interfejs Digital Credentials API, interfejs Trusted Types i interfejs WebAuthn Signal API.

Chrome 139 zawiera funkcje niestandardowe CSS, kształtowanie narożników i właściwość caret-animation. Obejmuje on też interfejs API do rozpoznawania mowy na urządzeniu, rozszerzenia zakresu aplikacji internetowej oraz polecenie request-close.

Firefox 141 dodaje argument options.source dla showPopover() i togglePopover(), aby utworzyć relację między wyskakującym oknem a jego wywoływaczem. Obsługuje też właściwość CSS font-variant-emoji.