Chrome 150

Data wprowadzenia wersji stabilnej: 30 czerwca 2026 r.

O ile nie zaznaczono inaczej, poniższe zmiany dotyczą wersji stabilnej Chrome 150 na Androida, ChromeOS, Linuksa, macOS i Windows.

CSS i interfejs

Kolory systemowe AccentColor i AccentColorText

Kolory systemowe AccentColor i AccentColorText można stosować w CSS, aby uzyskać dostęp do koloru uzupełniającego systemu określonego na urządzeniu użytkownika. Dzięki temu deweloperzy mogą stosować w treściach internetowych style podobne do tych w aplikacjach natywnych w kontekstach, w których użytkownicy oczekują integracji z motywem systemu operacyjnego, np. w zainstalowanej aplikacji internetowej. Aby zobaczyć kolor uzupełniający systemu, użytkownicy muszą korzystać z zainstalowanej aplikacji internetowej w profilu początkowym.

Błąd śledzenia nr 40229450 | Wpis na ChromeStatus.com | Specyfikacja

Zezwalaj na opcjonalny parametr zaokrąglania dla polygon()

Dodaje opcjonalny parametr zaokrąglania rogów w funkcji polygon() kształtu CSS. Programiści mogą określić wartość długości, aby zaokrąglić rogi wielokąta bez ręcznego obliczania krzywych Beziera.

Błąd śledzenia nr 329302249 | Wpis na ChromeStatus.com | Specyfikacja

Animatable zoom

Właściwość CSS zoom można animować i interpolować jako <number>. Deweloperzy mogą przechodzić i animować zoom, aby płynnie skalować elementy i ich układ, co uzupełnia istniejące skalowanie oparte na przekształceniach.

Błąd śledzenia nr 393810951 | Wpis na ChromeStatus.com

Modyfikatory żądań url() usługi porównywania cen

Funkcje CSS url() akceptują opcjonalne modyfikatory żądania po ciągu znaków URL w cudzysłowie: cross-origin(), integrity() i referrer-policy(). Te modyfikatory kontrolują pobieranie zasobu, do którego się odwołują, bezpośrednio z CSS, bez konieczności wprowadzania zmian w znacznikach HTML ani w JavaScript. Na przykład background-image: url("image.png" cross-origin(anonymous)) pobiera obraz w anonimowym trybie CORS. Daje to autorom szczegółową kontrolę nad dostępem z różnych domen, integralnością zasobów podrzędnych i zasadami dotyczącymi odsyłaczy w przypadku zasobów ładowanych przez CSS, w tym obrazów, czcionek, odwołań do SVG i importowanych arkuszy stylów.

Błąd śledzenia nr 435625756 | Wpis na ChromeStatus.com | Specyfikacja

Właściwość CSS text-fit

Skaluje rozmiar czcionki węzłów tekstowych, aby idealnie dopasować go do szerokości kontenera.

Ta właściwość umożliwia deweloperom dopasowanie nagłówków lub treści dynamicznych do dostępnej przestrzeni poziomej bez konieczności ręcznego obliczania rozmiaru czcionki ani stosowania skomplikowanych obejść w JavaScript. Jest to solidne, natywne dla CSS rozwiązanie do elastycznej typografii, które zachowuje wizualne wyrównanie na ekranach o różnych rozmiarach i przy różnej długości tekstu.

Błąd śledzenia nr 417306102 | Wpis na ChromeStatus.com | Specyfikacja

CSS background-clip: border-area

Implementuje wartość border-area dla właściwości CSS background-clip zgodnie z definicją w specyfikacji CSS Backgrounds Level 4. background-clip: border-area przycina tło elementu do obszaru pokrytego przez obramowanie, uwzględniając border-width i border-style, ale ignorując przezroczystość z border-color. Umożliwia to programistom tworzenie obramowań gradientowych bez border-image. WebKit już udostępnia tę funkcję, a ta implementacja sprawia, że Chromium jest z nią zgodny.

Błąd śledzenia nr 329302543 | Wpis na ChromeStatus.com | Specyfikacja

Funkcja CSS image(<color>)

Funkcja image() umożliwia autorom generowanie obrazu w jednolitym kolorze. Składnia to: image() = image( <color> )

Błąd śledzenia nr 510426954 | Wpis na ChromeStatus.com | Specyfikacja

CSS light-dark() z wartościami obrazów

Rozszerza funkcję CSS light-dark(), aby akceptowała wartości obrazów (url(),image-set(), none) w arkuszach stylów autora, umożliwiając automatyczne przełączanie właściwości obrazów, takich jak background-image, list-style-image, border-image-source, cursor i content, między obrazami na podstawie preferowanego schematu kolorów użytkownika. Wcześniej było to dozwolone tylko w arkuszach stylów UA. Jest to zgodne ze specyfikacją CSS Color 5 i z dotychczasową implementacją w Firefoxie.

Błąd śledzenia nr 491829958 | Wpis na ChromeStatus.com | Specyfikacja

Zapytania o kontener rozdzielone przecinkami

Obsługa wielu zapytań w przypadku @container reguły. Reguła @container jest stosowana, jeśli co najmniej jedno zapytanie jest zgodne.

Dzięki temu można mieć zapytania rezerwowe w przypadku funkcji, które nie są obsługiwane we wszystkich przeglądarkach.

Błąd śledzenia nr 41491726 | Wpis na ChromeStatus.com | Specyfikacja

Uwidacznianie obszarów niedrukowalnych za pomocą CSS

Drukarki zwykle mają niewielki obszar na każdym z 4 brzegów arkusza papieru, na którym nie mogą niezawodnie drukować, zwykle z powodu mechanizmu podawania papieru. Domyślne marginesy strony powinny być większe niż te obszary, ale jeśli autorzy sami ustawiają marginesy, a nawet chcą dodać @pagepola marginesów (np. dla niestandardowych nagłówków i stopek), potrzebują sposobu, aby określić, gdzie można bezpiecznie drukować, a gdzie nie.

Deskryptor CSS page-margin-safety może pomóc w uniknięciu takich obszarów, które nie nadają się do druku.

Błąd śledzenia nr 368070327 | Wpis na ChromeStatus.com | Specyfikacja

flex-wrap: balance

flex-wrap: balance umożliwia deweloperom rozprowadzanie treści między wierszami elastycznymi, aby wyglądały bardziej równomiernie (podobnie jak text-wrap: balance).

Tracking bug #416755656 | ChromeStatus.com entry | Spec

funkcja named-feature() dla CSS @supports

Funkcja named-feature() umożliwia regułom CSS @supports wysyłanie zapytań o niewielki zestaw konkretnych nazwanych funkcji, których nie można przetestować za pomocą innych mechanizmów @supports, ale które są bardzo przydatne do testowania.

Błąd śledzenia nr 353715317 | Wpis na ChromeStatus.com | Specyfikacja

overscroll-behavior: chain

overscroll-behavior ma teraz wartości: none, auto, contain i nową wartość chain. Te wartości wpływają na 2 niezależne efekty: propagację przewijania i efekt lokalnej krawędzi (np. rozciąganie przy przewijaniu).

• none: brak propagacji, brak efektu lokalnego
• auto: propagacja, efekt lokalny
• contain: brak propagacji, efekt lokalny
• chain: propagacja, brak efektu lokalnego

Błąd śledzenia nr 499018879 | Wpis na ChromeStatus.com | Specyfikacja

Obsługa path-length jako właściwości CSS.

Ta zmiana wprowadza nową właściwość CSS path-length, która jest mapowana na istniejący atrybut prezentacji SVG pathLength. Dotyczy to elementów geometrii SVG, które obsługują pathLength (w tym <path>, <circle>, <rect>, <line>, <polyline>, <polygon> i <ellipse>).

Błąd śledzenia nr 40670251 | Wpis na ChromeStatus.com | Specyfikacja

DOM i HTML

Klonuj do wszystkich elementów podrzędnych selectedcontent

Wprowadzamy kilka drobnych zmian w przypadkach brzegowych elementu selectedcontent:

• Gdy w elemencie select umieścisz jednocześnie kilka elementów selectedcontent, wszystkie będą aktualizowane, a nie tylko pierwszy z nich w kolejności DOM.
• Aktualizacja wybranego elementu treści jest odraczana, jeśli miałaby zostać przeprowadzona podczas wstawiania, usuwania lub przenoszenia elementów, aby rozwiązać problemy z bezpieczeństwem. Aktualizacja jest odraczana za pomocą kroków po wstawieniu lub mikrozadań.

Błąd śledzenia nr 458113204 | Wpis na ChromeStatus.com | Specyfikacja

Focusgroup

Umożliwia deklaratywne nadawanie złożonym widżetom nawigacji za pomocą klawiszy strzałek, gwarantowanego zatrzymania tabulatora i pamięci ostatnio wybranego elementu, zastępując ręcznie kodowane skrypty tabindex. Przykład:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

Wpis na ChromeStatus.com | Specyfikacja

Strumieniowanie w niewłaściwej kolejności

Użyj zakresów <template for> i instrukcji przetwarzania (<?marker>, <?start> i <?end>), aby zaktualizować istniejące części dokumentu bez użycia JavaScriptu.

Błąd śledzenia nr 431374376 | Wpis na ChromeStatus.com | Specyfikacja

Analizowanie instrukcji przetwarzania w kodzie HTML

Instrukcje przetwarzania (składnia: <?target data>) to istniejąca konstrukcja DOM, która jest widoczna w XML i reprezentuje obiekty węzłów, które nie są elementami, ale mogą mieć pewne znaczenie semantyczne dla przetwarzania dokumentu.

Instrukcje przetwarzania są analizowane przez parser HTML i otrzymują interfejs API atrybutów podobny do elementów, aby zmieniać ich dane.

Błąd śledzenia nr 481087638 | Wpis na ChromeStatus.com | Specyfikacja

popover=hint zmiany w działaniu,

Ta zmiana wprowadza zmieniony i uproszczony model łączenia atrybutu popover=hint i jego interakcji z atrybutem popover=auto. Wcześniej interakcje między tymi 2 rodzajami wyskakujących okien mogły być w niektórych przypadkach złożone (np. zagnieżdżanie automatycznych wyskakujących okien w wyskakujących okienkach z podpowiedziami) i prowadzić do nieoczekiwanych zachowań. W nowym modelu otwarcie wyskakującego okienka z podpowiedzią nie powoduje przypadkowego zamknięcia niezwiązanych z nim wyskakujących okienek automatycznych. Wskazówki są ukrywane tylko wtedy, gdy ukryte jest ich nadrzędne automatycznie otwierane okienko lub gdy otworzy się nowe, niezwiązane z nimi automatycznie otwierane okienko. Deweloperzy mogą też bezpiecznie zagnieżdżać automatyczne wyskakujące okienko w wyskakującym okienku z podpowiedzią. Zamiast zgłaszać wyjątek lub przerywać stos, zagnieżdżone automatyczne wyskakujące okienko „obniża” swoją rangę i zachowuje się jak wyskakujące okienko z podpowiedzią. Umożliwia to takie przypadki użycia jak umieszczanie znaku customizable-select w popover=hint.

Aby zwiększyć przewidywalność i zapobiec złożonym mutacjom stanu, zaostrzamy też zachowanie związane z otwieraniem i zamykaniem wyskakujących okien w ramach zdarzenia beforetoggle. Wcześniej w niektórych, ale nie we wszystkich możliwych przypadkach stosowano zabezpieczenia. Ta zmiana polega na ulepszeniu mechanizmu wykrywania takich przypadków, dzięki czemu powinien on bardziej niezawodnie zwracać wartość InvalidStateErrors we wszystkich takich przypadkach. Dzięki temu zarządzanie stanem wyskakującego okienka pozostaje stabilne i zapobiega błędom ponownego wejścia w pętli.

Śledzenie błędu nr 499019927 | Wpis na ChromeStatus.com | Specyfikacja

Obietnice przewijania w ramach automatyzacji

Ta funkcja zapewnia wiarygodny sygnał o stanie ukończenia programowego płynnego przewijania. Wszystkie metody przewijania w Element i Window zwracają obiekty Promise, które są rozwiązywane po zakończeniu przewijania. Rozwiązana wartość wskazuje, czy przewijanie zostało przerwane.

Błąd śledzenia nr 41406914 | Wpis na ChromeStatus.com | Specyfikacja

Grafika i multimedia

Wyłączanie filtrów SVG w przypadku wtyczek i elementów iframe

Chrome 150 uniemożliwi stosowanie filtrów SVG do umieszczonych wtyczek (np. plików PDF) oraz elementów iframe, które pochodzą z innych źródeł lub są objęte ograniczeniami (np. umieszczone w piaskownicy). Gdy wtyczka lub element iframe mają być renderowane z użyciem efektu filtra SVG, drzewo efektów jest przeszukiwane w celu znalezienia najwyższego elementu nadrzędnego bez filtrów SVG i to ten efekt jest wówczas stosowany zamiast efektu filtra SVG.

Błąd śledzenia nr 476646486 | Wpis na ChromeStatus.com | Specyfikacja

WebGPU: Immediates

Dodaje nową przestrzeń adresową natychmiastową w WGSL i metodę setImmediateData() w enkoderach przepustki renderowania, przepustki obliczeniowej i pakietu renderowania, która umożliwia programistom przekazywanie niewielkich ilości często aktualizowanych danych bezpośrednio do shaderów bez tworzenia obiektów bufora GPU ani grup powiązań.

Błąd śledzenia nr 366291600 | Wpis na ChromeStatus.com | Specyfikacja

Bezpieczeństwo i Web Speech

Nieprzezroczyste źródło adresów URL data:

Chrome 150 aktualizuje sposób, w jaki dedykowane i współdzielone skrypty worker obsługują data:adresy URL. Zamiast automatycznie dziedziczyć źródło zabezpieczeń skryptu lub strony, która je utworzyła, skrypty worker mają przypisane unikalne, nieprzezroczyste źródło.

Zgodność ze specyfikacją HTML skryptów web worker zwiększa bezpieczeństwo przez odizolowanie tych skryptów od stanu tego samego źródła twórcy, co uniemożliwia im dostęp do danych wrażliwych za pomocą mechanizmów takich jak BroadcastChannel czy pamięć tego samego źródła. Aby zachować prawidłowe granice izolacji, obiekty te nadal znajdują się w tej samej partycji pamięci masowej (np. przez zachowanie witryny najwyższego poziomu lub wartości nonce) co ich twórca.

Błąd śledzenia nr 40051700 | Wpis na ChromeStatus.com | Specyfikacja

Web Speech API: jakość rozpoznawania na urządzeniu

Rozszerza interfejs SpeechRecognition, dodając do niego właściwość quality w SpeechRecognitionOptions. Umożliwia to deweloperom określenie możliwości semantycznych wymaganych do rozpoznawania na urządzeniu (z processLocally: true).

Proponowany typ wyliczeniowy jakości obsługuje 3 poziomy: command, dictation i conversation. Odpowiadają one rosnącej złożoności zadań i wymaganiom sprzętowym. Dzięki temu deweloperzy mogą określić, czy urządzenie lokalne może obsługiwać przypadki użycia o wysokim znaczeniu (np. transkrypcję spotkań), czy też powinni korzystać z usług w chmurze.

Błąd śledzenia nr 476168420 | Wpis na ChromeStatus.com | Specyfikacja

Aplikacje internetowe

Migracja źródła PWA

Gdy użytkownik instaluje progresywną aplikację internetową (PWA), jej tożsamość i kontekst bezpieczeństwa są ściśle powiązane z jej originem strony, np. app.example.com. Stanowi to poważne wyzwanie dla deweloperów, którzy muszą zmienić origin swojej PWA z powodu zmiany nazwy marki, restrukturyzacji domeny lub technicznej przebudowy. Bez migracji źródła taka zmiana zmusza użytkowników do ręcznego odinstalowania starej aplikacji i zainstalowania nowej, co jest uciążliwe i może prowadzić do utraty użytkowników. Chrome 150 wprowadza mechanizm, który umożliwia deweloperom płynne przenoszenie zainstalowanych aplikacji PWA do nowego originu w tej samej witrynie, zachowując zaufanie i uprawnienia użytkowników.

Zasada WebAppInstallForceList blokuje migrację. Zasady firmowe dotyczące aplikacji internetowych są oparte głównie na adresach URL i originach, dlatego istnieje ryzyko, że migracja ominie niektóre zasady skonfigurowane przez administratora. Jeśli aplikacja zostanie zainstalowana przez administratora firmy, użytkownik nie będzie miał możliwości migracji. Zamiast tego wyświetli się baner z wyjaśnieniem.

Błąd śledzenia nr 396504527 | Wpis na ChromeStatus.com | Specyfikacja

Wersje próbne origin

Protokół weryfikacji adresu e-mail

EVP (protokół potwierdzania adresu e-mail) pomaga użytkownikom tworzyć konta, uzyskiwać do nich dostęp i je odzyskiwać, zapewniając płynną kryptograficzną weryfikację własności zamiast ręcznego wpisywania haseł jednorazowych z e-maili.

Origin Trial | Wpis na ChromeStatus.com | Specyfikacja

Pomiar ładowania spekulacyjnego

Udostępniaj dane pomiarowe dotyczące ładowania spekulacyjnego (wstępne wczytanie, wstępne pobieranie i renderowanie wstępne) w ramach nowo udostępnionej performance.getSpeculations() metody. Umożliwiłoby to deweloperom pomiar skuteczności różnych strategii wczytywania spekulacyjnego i odpowiednie dostosowywanie ich.

Testowanie źródła | Błąd śledzenia nr 481590676 | Wpis na ChromeStatus.com

WebRTC Diagnostic Logging API

Interfejs API do WebRTC zapisywania danych diagnostycznych.

Ten interfejs API umożliwia aplikacji włączenie rejestrowania diagnostycznego. Te logi zawierają informacje o aktywności WebRTC w aplikacji i są przydatne do lokalnego debugowania lub zgłaszania błędów.

Dzienniki można opcjonalnie przesyłać poza pasmem do dostawcy przeglądarki i wykorzystywać do diagnozowania błędów. Aplikacja otrzymuje identyfikator, który można dołączyć do raportu o błędzie, podobnie jak w przypadku awarii.

Rejestrowanie diagnostyczne jest włączone za pomocą zasady firmy o nazwie WebRtcDiagnosticLogCollectionAllowedForOrigins.

Testowanie interfejsu API w ramach programu Origin Trial | Błąd śledzenia nr 481412281 | Wpis na ChromeStatus.com | Specyfikacja

Wycofania i usunięcia

W tej wersji nie ma żadnych wycofań ani usunięć.