Chrome 144 beta

Rachel Andrew

Opublikowano: 3 grudnia 2025 r.

O ile nie zaznaczono inaczej, te zmiany dotyczą najnowszej wersji beta Chrome na Androida, ChromeOS, Linuksa, macOS i Windowsa. Więcej informacji o tych funkcjach znajdziesz w podanych linkach lub na liście na stronie ChromeStatus.com. Najnowszą wersję na komputery pobierz z Google.com, a na Androida – ze Sklepu Google Play.

CSS i interfejs użytkownika

Pozycjonowanie CSS z transformacjami

Jeśli element z pozycjonowaniem względem elementu zakotwiczonego jest powiązany z elementem zakotwiczonym, który ma transformację (lub jest zawarty w elemencie z transformacją), przeglądarka rozwiązuje funkcje anchor() i anchor-size() względem ramki ograniczającej przekształconego elementu zakotwiczonego.

Zastępcze formaty CSS do wyróżniania tekstu na stronie

Udostępnia stylizację wyników wyszukiwania znajdź na stronie jako pseudoelement ::search-text, który jest pseudoelementem wyróżnienia podobnym do tych używanych do zaznaczania i błędów ortograficznych. Umożliwia to zmianę kolorów pierwszego planu i tła lub dodanie dekoracji tekstu. Jest to szczególnie przydatne, jeśli domyślne ustawienia przeglądarki mają niewystarczający kontrast z kolorami strony lub są w inny sposób nieodpowiednie.

Więcej informacji znajdziesz na blogu Igalia w artykule Find-in-Page Highlight Styling.

Nie używaj aria-details do pozycjonowania względem elementu zakotwiczonego

Kod tworzący relacje aria-details w przypadku użycia pozycjonowania względem elementu zakotwiczonego w innych przypadkach niż wyskakujące okienka był prawdopodobnie błędem. Ponieważ wyskakujące okienka i inne relacje semantyczne tworzą aria-details, a pozostałe przypadki użycia są prawdopodobnie niesemantyczne, Chrome nie tworzy już tych relacji w przypadkach niesemantycznych.

Obsługa przewijania @scroll-state

Umożliwia stylizowanie elementów potomnych kontenerów na podstawie ostatniego kierunku przewijania.

Przykład:

.scrolling-up {
  translate: 80px 0;
  transition: 0.4s translate;
}

html {
  container-type: scroll-state;
}

@container scroll-state(scrolled: top) {
  .scrolling-up { translate: 0 0; }
}

Respektuj overscroll-behavior w przypadku przewijania za pomocą klawiatury

Gdy ustawisz overscroll-behavior na wartość inną niż auto, przeglądarka nie powinna wykonywać łańcuchowego przewijania. Chrome respektuje to w przypadku przewijania za pomocą myszy lub dotyku, ale ignoruje przewijanie za pomocą klawiatury. Ta zmiana sprawia, że przewijanie za pomocą klawiatury również respektuje overscroll-behavior.

Respektuj overscroll-behavior w przypadku kontenerów z paskami przewijania, których nie można przewijać

Właściwość overscroll-behavior ma zastosowanie do wszystkich elementów kontenera z paskami przewijania, niezależnie od tego, czy te elementy mają zawartość, która się nie mieści, czy też można je przewijać. Możesz użyć overscroll-behavior, aby zapobiec propagacji przewijania na tle overflow: hidden lub elemencie overflow: auto bez konieczności sprawdzania, czy zawartość się nie mieści.

Dopasowywanie container-name poza zakresem drzewa

Przeglądarka ignoruje zakres drzewa podczas dopasowywania container-name do zapytań @container.

Wcześniej dopasowywanie container-name do zapytań @container używało nazw lub odwołań w zakresie drzewa. Oznaczało to, że ta sama nazwa nie będzie pasować, jeśli reguła @container i właściwość container-type pochodzą z różnych drzew, np. jeśli deklaracja container-type pochodzi z wewnętrznego drzewa cienia.

Dzięki tej zmianie wartości container-name pasują niezależnie od reguły @container lub deklaracji container-type.

Kaskadowość CSS SVG2

Dostosowuje implementację Chrome do specyfikacji SVG2 w zakresie dopasowywania reguł CSS w drzewach elementów <use>.

Selektory pasują do elementów instancji <use> zamiast do poddrzewa elementu źródłowego. Oznacza to, że selektory nie pasują już do elementów nadrzędnych i równorzędnych poza sklonowanym poddrzewem. Co ważniejsze, selektory stanu takie jak :hover pasują teraz w <use> instancjach.

Interfejsy API przeglądarki

XRVisibilityMaskChange

Dodaje zdarzenie XRVisibilityMaskChange, które zawiera listę wierzchołków i indeksów reprezentujących siatkę widocznej części widocznego obszaru użytkownika. Te dane można wykorzystać do ograniczenia ilości rysowanego okna, co poprawia wydajność. Aby lepiej obsługiwać to zdarzenie, obiekty XRView otrzymują też unikalne identyfikatory, które ułatwiają parowanie z powiązanymi maskami. Jest to rozszerzenie podstawowej specyfikacji WebXR.

Udostępnij zdarzenie onanimationcancel w GlobalEventHandlers

Animacje CSS na poziomie 1 rozszerzają interfejs GlobalEventHandlers zdefiniowany w specyfikacji HTML, deklarując 4 nowe moduły obsługi zdarzeń: onanimationstart, onanimationiteration, onanimationend i onanimationcancel.

W IDL GlobalEventHandlers brakowało tylko modułu obsługi zdarzeń onanimationcancel.

Więcej informacji znajdziesz w specyfikacji Animacje CSS na poziomie 1 oraz w sekcji GlobalEventHandlers w specyfikacji HTML.

Metoda waitUntil() w przejściach widoku

Element ViewTransition automatycznie tworzy drzewo pseudoelementów, aby wyświetlać i animować elementy biorące udział w przejściu. Zgodnie ze specyfikacją to poddrzewo jest tworzone, gdy rozpoczyna się animacja przejścia widoku, i niszczone, gdy animacje powiązane ze wszystkimi pseudoelementami przejścia widoku są w stanie ukończonym (lub dokładniej, w stanie nieuruchomionym i niezatrzymanym).

Działa to w większości przypadków i zapewnia deweloperom płynne działanie. W bardziej zaawansowanych przypadkach jest to jednak niewystarczające, ponieważ deweloperzy czasami chcą, aby pseudodrzewo przejścia widoku było zachowywane po zakończeniu animacji.

Jednym z przykładów jest powiązanie przejść widoku z animacjami sterowanymi przewijaniem. Gdy animacja jest sterowana przez oś czasu przewijania, poddrzewo nie powinno być niszczone po zakończeniu animacji, ponieważ przewijanie wstecz może nadal animować pseudoelementy.

Aby umożliwić zaawansowane użycie przejścia widoku, ta intencja dodaje funkcję waitUntil() do obiektu ViewTransition, która przyjmuje obietnicę. Ta obietnica opóźnia zniszczenie pseudodrzewa do momentu, aż zostanie rozstrzygnięta.

Element <geolocation>

Wprowadza element <geolocation>, deklaratywny, aktywowany przez użytkownika element sterujący dostępem do lokalizacji użytkownika. Usprawnia proces użytkownika i dewelopera, obsługując przepływ uprawnień i bezpośrednio udostępniając dane o lokalizacji w witrynie, co często eliminuje konieczność wykonywania osobnego wywołania interfejsu API JavaScript.

Rozwiązuje to długotrwały problem z prośbami o uprawnienia wywoływanymi bezpośrednio z JavaScriptu bez silnego sygnału intencji użytkownika. Osadzenie w stronie elementu sterowanego przez przeglądarkę sprawia, że kliknięcie użytkownika stanowi wyraźny, zamierzony sygnał. Zapewnia to lepsze wrażenia użytkownika i, co najważniejsze, ścieżkę odzyskiwania dla użytkowników, którzy wcześniej odrzucili uprawnienia.

WebGPU: funkcja subgroup_id

Wartości wbudowane subgroup_id i num_subgroups są dostępne, gdy włączone jest rozszerzenie podgrup.

WebGPU: standardowy układ bufora jednolitego

Buforów jednolitych zadeklarowanych w shaderach WGSL nie trzeba już wyrównywać do 16 bajtów w przypadku elementów tablicy ani dopełniać przesunięć zagnieżdżonych struktur do wielokrotności 16 bajtów.

Interfejs Temporal API

Interfejs Temporal API w ECMA262 udostępnia standardowe obiekty i funkcje do pracy z datami i godzinami. Date od dawna stanowi problem w ECMAScript. Temporalto globalny Object, który działa jako przestrzeń nazw najwyższego poziomu (np. Math), wprowadzając nowoczesny interfejs API daty i godziny do języka ECMAScript. Szczegółowe informacje o motywacjach, znajdziesz w artykule Fixing JavaScript Date: Getting Started.

Obsługa atrybutów ping, hreflang, type i referrerPolicy w przypadku SVGAElement

Dodaje obsługę atrybutów ping, hreflang, type i referrerPolicy w przypadku SVGAElement, dostosowując jego działanie do HTMLAnchorElement, aby zapewnić spójną obsługę linków w HTML i SVG.

Zdarzenie clipboardchange

Zdarzenie clipboardchange jest wywoływane, gdy zawartość schowka systemowego zostanie zmieniona przez aplikację internetową lub inną aplikację systemową. Dzięki temu aplikacje internetowe, np. klienci zdalnego pulpitu, mogą synchronizować swoje schowki ze schowkiem systemowym. Jest to wydajna alternatywa dla sondowania schowka (za pomocą JavaScriptu) pod kątem zmian.

Interfejs User-Agent Client Hints – zasada uprawnień ch-ua-high-entropy-values

Dodaje obsługę zasady uprawnień ch-ua-high-entropy-values, która umożliwia witrynie najwyższego poziomu ograniczenie, które dokumenty mogą zbierać wskazówki klienta o wysokiej entropii za pomocą interfejsu JavaScript API navigator.userAgentData.getHighEntropyValues().

Ograniczanie zbierania wskazówek o wysokiej entropii przez HTTP jest już możliwe dzięki istniejącym zasadom uprawnień dla wskazówek klienta.

Odbicie lustrzane operatorów MathML od prawej do lewej

Dodaje obsługę odbicia lustrzanego na poziomie znaku i glifu podczas renderowania operatorów MathML w trybie od prawej do lewej.

W trybie od prawej do lewej niektóre operatory można odbić lustrzanie, zmieniając je na inny punkt kodowy (np. prawy nawias staje się lewym). Jest to odbicie lustrzane na poziomie znaku, a równoważności są definiowane przez właściwość Bidi_Mirrored Unicode.

Niektóre operatory nie mają odpowiedniego znaku odbicia lustrzanego. W takim przypadku stosowane jest odbicie lustrzane na poziomie glifu z funkcją czcionki rtlm, w której inny glif może zastąpić go w kontekście odbicia lustrzanego. Niektóre istniejące implementacje bezpośrednio odbijają lustrzanie oryginalny glif, ale może to zmienić znaczenie znaków asymetrycznych, takich jak całka konturowa w kierunku zgodnym z ruchem wskazówek zegara.

Obsługa multiemisji w interfejsie Direct Sockets API w przypadku izolowanych aplikacji internetowych

Ta funkcja umożliwia izolowanym aplikacjom internetowym subskrybowanie grup multiemisji, odbieranie od nich pakietów UDP i określanie dodatkowych parametrów podczas wysyłania pakietów UDP na adresy multiemisji.

Wydajność i czas zdarzenia: InteractionCount

Interfejs Event Timing API jest częścią osi czasu wydajności i mierzy wydajność interakcji użytkownika. Niektóre zdarzenia mają przypisaną wartość interactionId, która jest przydatna do grupowania powiązanych interakcji na podstawie wspólnych fizycznych danych wejściowych lub gestów użytkownika.

Ta funkcja dodaje performance.interactionCount, czyli łączną liczbę interakcji, które wystąpiły na stronie.

Ta funkcja jest szczególnie przydatna do obliczania wartości wskaźnika INP (Interaction to Next Paint), który wymaga znajomości łącznej liczby interakcji, aby obliczyć wynik w wysokim centylu (p98 w przypadku stron z ponad 50 interakcjami).

Ta funkcja jest określona od dawna, była wcześniej prototypowana w Chromium, ale nigdy nie została udostępniona, jest częścią Interop 2025 i jest już dostępna w innych przeglądarkach.