Nowości w Chrome 154

Rachel Andrew

Opublikowano: 22 września 2026 r.

Wersja Chrome 154 jest już wdrażana. W tym poście znajdziesz najważniejsze funkcje tej wersji. Przeczytaj pełną treść informacji o wersji Chrome 154.

Najważniejsze informacje o tej wersji:

Elastyczne rozmiary <iframe>

Chrome 154 dodaje obsługę elementów iframe o rozmiarach dostosowanych do urządzenia, dzięki czemu element <iframe> w dokumencie nadrzędnym może dostosowywać swój rozmiar do rozmiaru przepełnienia układu dokumentu umieszczonego, aby uniknąć przewijania w dokumencie podrzędnym. Zastępuje to wzorzec, w którym ręcznie mierzysz zawartość elementu iframe, wysyłasz wymiary za pomocą parametru postMessage() i aktualizujesz rozmiar elementu iframe na stronie umieszczania.

Aby dopasować rozmiar elementu iframe do wysokości jego zawartości, użyj właściwości CSS frame-sizing w elemencie <iframe> na stronie umieszczania:

.embed {
  width: 100%;
  frame-sizing: content-height;
}

Dokument osadzony musi też wyrazić zgodę na wyświetlanie reklam, dodając element <meta name="responsive-embedded-sizing"> do elementu <head>:

<meta name="responsive-embedded-sizing" content="allow-origins=*">

Więcej informacji i demonstracji znajdziesz w artykule Responsive iframes in Chrome 154 (w języku angielskim).

scroll-marker-group środka transportu

Właściwość scroll-marker-group określa, czy kontener przewijania generuje pseudoelement ::scroll-marker-group przed zawartością czy po niej. Chrome 154 ulepsza scroll-marker-group dzięki 2 trybom, które określają kolejność fokusu i semantykę ułatwień dostępu WAI-ARIA elementów ::scroll-marker-group i ::scroll-marker:

/* Links mode (default) */
scroll-marker-group: after links;

/* Tabs mode */
scroll-marker-group: before tabs;

CSS text-decoration-inset

Domyślnie dekoracja tekstu elementu (np. podkreślenie, nadkreślenie lub przekreślenie) ma taką samą długość jak renderowany tekst. Właściwość CSS text-decoration-inset umożliwia dostosowanie punktów początkowego i końcowego dekoracji tekstu elementu, tak aby była ona wcięta, wykraczała poza lub była przesunięta względem krawędzi tekstu.

text-decoration-inset akceptuje wartości auto, długości i procentowe w składni jedno- lub dwuwartościowej, np. aby wstawić 10 pikseli na obu końcach:

text-decoration-inset: 10px;

Wartości dodatnie wstawiają dekorację (skracając ją), a wartości ujemne wysuwają ją (wydłużając). Dzięki temu możesz precyzyjnie dostosowywać odstępy dekoracji i tworzyć animowane efekty odkrywania podkreślenia za pomocą dekoracji tekstu CSS zamiast gradientów tła lub dodatkowych elementów.

Więcej informacji znajdziesz w text-decoration-insetdokumentacji MDN.

Więcej informacji

Obejmuje to tylko niektóre najważniejsze informacje. Dodatkowe zmiany w Chrome 154 znajdziesz pod tymi linkami:

Zasubskrybuj

Aby być na bieżąco, zasubskrybuj kanał Chrome Developers na YouTube. Będziesz otrzymywać powiadomienia e-mail o nowych filmach. Możesz też obserwować nas na X lub LinkedIn, aby otrzymywać powiadomienia o nowych artykułach i postach na blogu.

Gdy tylko Chrome 155 zostanie udostępniony, poinformujemy Cię o nowościach w Chrome.