Nowe typy kolorów i przestrzenie kolorów CSS, funkcje trygonometryczne CSS oraz interfejs View Transitions API.
O ile nie zaznaczono inaczej, poniższe zmiany dotyczą najnowszych wersji beta Chrome na Androida, ChromeOS, Linux, macOS i Windows. Dowiedz się więcej o funkcjach wymienionych tutaj, korzystając z podanych linków lub z listy na ChromeStatus.com. Od 9 lutego 2023 roku Chrome 111 jest w wersji beta. Najnowsze aktualizacje możesz pobrać z Google.com na komputer lub ze Sklepu Google Play na Androida.
CSS
Nowe typy kolorów i spacje w CSS
Wszystkie funkcje opisane w sekcji Poziom kolorów CSS 4 są teraz włączone. Obejmuje 4 typy kolorów niezależnych od urządzenia (lab, Oklab, lch i Oklch), funkcję color() oraz zdefiniowane przez użytkownika przestrzenie kolorów dla gradientów i animacji.
Więcej informacji o nowych typach kolorów i przestrzeniach znajdziesz w przewodniku po kolorach CSS w wysokiej rozdzielczości.
Funkcja color-mix()
Niezwykle przydatna funkcja color-mix() w CSS Color 5 również obsługuje dostawę. Ta funkcja umożliwia mieszanie procentowej wartości danego koloru w dowolnej obsługiwanej przestrzeni kolorów. Ten przykład stanowi połączenie 10% wartości blue z white w SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
Selektory CSS 4 Pseudoklasa :nth-child(an + b of S)
Rozszerza zakres :nth-child(an + b) i :nth-last-child(), aby umożliwić wybranie selektora. Na przykład :nth-child(3 of .c) to trzeci element .c w ramach danego elementu nadrzędnego. Więcej informacji znajdziesz w artykule Większa kontrola nad opcjami :nth-child() dzięki składni of S.
Jednostki czcionki głównej CSS
Dodaje główne jednostki czcionki: rex, rch, ric i rlh do istniejącej jednostki czcionki głównej rem.
Funkcje trygonometryczne CSS
Funkcje trygonometryczne sin(), cos(), tan(), asin(), acos(), atan(), atan2() zostały dodane do wyrażeń matematycznych CSS.
Styl zapytań kontenerów dla właściwości niestandardowych CSS
Dodaje funkcję style() do reguł @container, aby umożliwić stosowanie stylów na podstawie obliczonych wartości właściwości niestandardowych elementu nadrzędnego.
Właściwość baseline-source
Właściwość baseline-source umożliwia programistom stron internetowych określenie, czy pole poziomu wbudowanego ma korzystać z punktu odniesienia first czy last na potrzeby wyrównania w polu wiersza.
Internetowe interfejsy API
Ciąg tekstowy dotyczący uprawnień i uprawnień window-management
Chrome 111 dodaje window-management jako alias dla uprawnień window-placement i ciągów zasad dotyczących uprawnień. W ramach działań mających na celu zmianę nazw ciągów tekstowych wycofujemy i usunięto funkcję window-placement. Zmiana terminologii wydłuża czas działania deskryptora, ponieważ interfejs Window Management API zmienia się z biegiem czasu.
Media Session API: działania związane z prezentowaniem slajdów
Dodaje działania previousslide i nextslide do istniejącego interfejsu Media Session API.
ArrayBuffer z możliwością zmiany rozmiaru i zwiększeniem typu SharedArrayBuffer
Rozszerz konstruktory ArrayBuffer, aby nabrały dodatkowej maksymalnej długości, która umożliwi wzrost i zmniejszenie buforów. Analogicznie SharedArrayBuffer wydłuża się tak, aby uzyskać dodatkową maksymalną długość, która umożliwia odpowiedni rozwój.
Reguły spekulacyjne: klucz zasady dotyczącej stron odsyłających
Rozszerza to składnię reguł spekulacyjnych, aby umożliwić programistom określenie zasady dotyczącej strony odsyłającej do używania z żądaniami spekulacyjnymi wywoływanymi przez reguły spekulacyjne. Wprowadzamy tu również wymóg „wystarczająco rygorystyczne zasady dotyczące stron odsyłających”.
Strumieniowanie deklaratywnego DOM
Zwiększa to obsługę strumieniowego przesyłania danych, ponieważ dołącza pierwiastek cienia na początku, a nie w zamykającym tagu szablonu.
Wyświetl interfejs Transitions API
Umożliwia tworzenie dopracowanych przejść w aplikacjach jednostronicowych (SPA) przez tworzenie zrzutów widoków i umożliwianie zmian DOM bez nakładania się między stanami. Skorzystaj z przejścia widoku, aby utworzyć niestandardowe przejścia, lub zastosuj proste przenikanie domyślne, aby zwiększyć wygodę użytkowników.
Przeczytaj artykuł na temat Chrome dla deweloperów, aby uzyskać więcej informacji i poznać przykładowe przejścia, które pomogą Ci zacząć korzystać z Chrome.
Skalowalne rozszerzenia kodowania wideo WebRTC
To rozszerzenie określa standardową metodę wybierania między możliwymi konfiguracjami skalowalnego kodowania wideo (SVC) na wychodzącej ścieżce wideo WebRTC.
Atrybut WebXR enabledFeatures
Zwraca zbiór funkcji, które zostały włączone dla tego obiektu XRSession, zgodnie z zasadą XRSessionInit oraz dorozumiane funkcje wymagane przez specyfikację danego trybu i funkcji. W przypadku przyznanej sesji sesja zawiera wszystkie requiredFeatures, ale może być podzbiorem optionalFeatures. W przypadku większości funkcji dostępne są inne sposoby na sprawdzenie, czy zostały przyznane. Jednak w przypadku niektórych funkcji sygnał o tym, czy dana funkcja została włączona, może być ściśle powiązany z danymi, które nie są w danym momencie dostępne, a nie z danymi, które nigdy nie są dostępne. Wysyłając zapytanie enabledFeatures, możesz określić, czy powinny wyświetlić się jakieś przydatne wskazówki (np. dotyczące ulepszenia lub rozpoczęcia śledzenia) albo czy dana funkcja nigdy nie będzie obsługiwana w bieżącej sesji.
Testowanie origin w toku
W Chrome 111 możesz włączyć te nowe testy origin.
Okres próbny wycofania pomijania CSP connect-src w interfejsie Web Payment API
Wycofaj możliwość pomijania zasady CSP przez interfejs Web Payment API podczas pobierania pliku manifestu. Po wycofaniu tej usługi zasady CSP typu connect-src będą zezwalać na adres URL formy płatności określony w wywołaniu PaymentRequest, a także na wszystkie inne adresy URL, które łańcuchy metod pobierają w celu pobrania pliku manifestu.
Ta możliwość omijania została usunięta w Chrome 111 w ramach testowania odwrotnego pochodzenia z 111 na 113 w przypadku deweloperów, którzy muszą tymczasowo ponownie włączyć ominięcie. Aby skorzystać z tej możliwości, zarejestruj się w okresie próbnym odwróconego wycofania na potrzeby ominięcia CSP connect-src.
Obraz w obrazie dokumentu
Document Picture-in-Image API to nowy interfejs API, który otwiera okno zawsze na górze, które może zostać wypełnione dowolną treścią HTML. Jest to rozszerzenie istniejącego interfejsu Picture-in-Picture API, które umożliwia umieszczanie w oknie PIP tylko elementu HTMLVideoElement. Dzięki temu deweloperzy stron internetowych mogą zapewnić użytkownikom lepsze wrażenia podczas korzystania z funkcji PiP.
Zapoznaj się z dokumentacją obrazu w obrazie dokumentu.
Zarejestruj się, aby skorzystać z testu źródła obrazów w obrazie.
Wycofania i usunięcia
W tej wersji Chrome wprowadziliśmy wymienione poniżej funkcje wycofywania i usuwania. Na stronie ChromeStatus.com znajdziesz listę planowanych wycofań, bieżących wycofań oraz poprzednich usunięć.
W tej wersji Chrome usunęliśmy 3 funkcje.
Usuń instrumenty płatnicze
PaymentInstruments to interfejs API dla stron internetowych, który wspiera instalacje aplikacji płatniczych niepochodzących z JIT (patrz https://w3c.github.io/payment-handler/). Został on opracowany z założeniem, że przeglądarka przechowuje rzeczywiste dane instrumentu płatniczego, co okazało się nieprawdziwą, i dochodzi do wycieków danych osobowych. Usługa nie została też udostępniona w żadnej innej przeglądarce, a inni dostawcy nie interesowali się nią. W związku z tym wycofaliśmy i usunęliśmy ten interfejs API.
Usunięcie ominięcia CSP connect-src w interfejsie Web Payment API
Wycofaj możliwość pomijania przez interfejs Web Payment API zasady CSP connect-src podczas pobierania pliku manifestu. Po usunięciu tych zasad zasady CSP connect-src w witrynie będą musiały zezwalać na adres URL formy płatności określony w wywołaniu PaymentRequest, a także na wszystkie inne adresy URL, które można połączyć przez metodę w celu pobrania pliku manifestu.
W sekcji dotyczącej testowania origin znajdziesz informacje o sposobie włączenia wersji próbnej wycofywania, która daje więcej czasu na wprowadzenie wymaganych zmian z powodu usunięcia tej funkcji.
Tożsamość sprzedawcy w zdarzeniu canmakepayment
Zdarzenie service worker canmakepayment informuje sprzedawcę, czy użytkownik ma kartę zapisaną w zainstalowanej aplikacji płatniczej. Zdarzenie to służy do dyskretnego przekazywania informacji o pochodzeniu i dowolnych danych dotyczących sprzedawcy ze źródła aplikacji płatniczej. Ta komunikacja między domenami miała miejsce w trakcie konstrukcji PaymentRequest w języku JavaScript, nie wymagała użycia gestu użytkownika i nie wyświetlała żadnego interfejsu. Ten dyskretny fragment danych został usunięty ze zdarzenia canmakepayment i z intencji IS_READY_TO_PAY na Androida.