Nowości w Chrome 98

Oto, co musisz wiedzieć na ten temat:

Nazywam się Pete LePage. Przyjrzyjmy się nowościom dla programistów w Chrome 98.

Rezygnacja z automatycznych motywów ciemnych na Androidzie

W Chrome 96 rozpoczęliśmy okres próbny automatycznych ciemnych motywów na Androidzie.

Dzięki tej funkcji, jeśli witryna ma jasny motyw, a system operacyjny użytkownika działa w trybie ciemnym, przeglądarka stosuje do niej automatycznie wygenerowany ciemny motyw.

Jeśli uczestniczysz w testowaniu origin i chcesz zrezygnować z automatycznie generowanego ciemnego motywu w przypadku konkretnej strony, możesz użyć metatagu.

<meta name="color-scheme" content="only light">

Możesz też zrezygnować z tej funkcji, ustawiając właściwość color-scheme: only light w elemencie :root.

:root {
  color-scheme: only light;
}

Główną zaletą tej metody jest to, że możesz z niej zrezygnować dla poszczególnych elementów, stosując do niego określony styl.

.only-light,
#my-element {
  color-scheme: only light;
}

Szczegółowe informacje znajdziesz w sekcji Jak zrezygnować z automatycznego ciemnego motywu w artykule Automatyczne ciemne motywy na Androidzie.

Obsługa czcionek COLRv1

W Chrome 98 obsługuje COLRv1, czyli ewolucję formatu czcionek COLRv0. Dodaje gradienty, komponowanie i mieszanie oraz poprawione ponowne wykorzystywanie kształtów, które zapewniają wyraźne i kompaktowe pliki czcionek.

Kolorowa czcionka pozwala wyróżnić elementy wizualne, nagłówki i banery.

Nagłówek z czcionkami COLRv1

Jednym z moich ulubionych przypadków użycia COLRv1 jest utworzenie spójnych emotikonów na wszystkich platformach. Nie musisz zastępować emotikonów plikami graficznymi, ponieważ są one mniejsze i łatwiejsze do umieszczenia na stronie.

Plik czcionki z spójnymi emotikonami

Pracujemy nad ulepszeniem wykrywania funkcji, ponieważ nie jest to jeszcze tak łatwe, jak powinno. Warto jednak tę rzecz śledzić.

Na stronie Kolorowe czcionki wektorowe COLRv1 w Chrome 98 znajdziesz więcej informacji i informacje o tworzeniu własnych czcionek.

Emuluj Chrome 100 w ciągu znaków UA

Za kilka miesięcy wprowadzamy Chrome 100, 3-cyfrowy numer wersji. Każdy kod, który sprawdza numery wersji lub analizuje ciąg UA, należy sprawdzać pod kątem obsługi 3 cyfr.

Dostępna jest flaga o nazwie #force-major-version-to-100, która zmieni numer bieżącej wersji na 100, dzięki czemu możesz mieć pewność, że wszystko działa zgodnie z oczekiwaniami.

Strona z flagami Chrome z nową opcją #force-major-version-to-100

…i wiele innych.

Oczywiście, jest ich jeszcze więcej.

Żądania procesów wstępnych CORS są teraz wysyłane przed żądaniami sieci prywatnej dotyczące zasobów podrzędnych i proszą o wyraźne pozwolenie od serwera docelowego.

Udostępniliśmy nowy test origin dla Region Capture, interfejsu API do przycinania samodzielnie nagranych ścieżek wideo. To idealne rozwiązanie do udostępniania ekranu w aplikacjach do rozmów wideo, ponieważ nie tworzysz efektu sali lustrzanej.

Zaplanowaliśmy wyświetlanie nakładek okiennych w Chrome 98, ale ze względu na problemy wykryte w ostatniej chwili tak się nie stało. Nadal nad nim pracujemy i spodziewamy się udostępnić ją w kolejnych wersjach.

Więcej informacji

To tylko niektóre z najważniejszych kwestii. Kliknij poniższe linki, aby dowiedzieć się więcej o zmianach w Chrome 98.

Subskrybuj

Aby być na bieżąco, zasubskrybuj kanał Chrome Developers w YouTube. Będziesz otrzymywać e-maile z powiadomieniami o każdym nowym filmie.

Jestem Pete LePage i jak tylko pojawi się Chrome 99, będę informować Cię o nowościach w Chrome.