Nowości w Chrome 98

Pete LePage

Oto, co musisz wiedzieć na ten temat:

  • Jeśli korzystasz już z testowania origin automatycznego ciemnego motywu, możesz skorzystać z nowego sposobu na zrezygnowanie z tej funkcji na poziomie elementu.
  • Dodaliśmy obsługę formatu COLRv1, który jest ewolucją formatu czcionki COLRv0.
  • I to nie wszystko .

Mam na imię Pete LePage. Zobacz, co nowego w Chrome 98 dla deweloperów.

Rezygnacja z automatycznego ciemnego motywu na Androidzie

W Chrome 96 rozpoczęliśmy testowanie origin automatycznego ciemnego motywu na Androidzie.

Jeśli Twoja witryna ma jasny motyw, a system operacyjny użytkownika jest w ciemnym trybie, przeglądarka automatycznie zastosuje ciemny motyw witryny.

Jeśli korzystasz z wersji próbnej pochodzenia i chcesz zrezygnować z automatycznie wygenerowanego ciemnego motywu na konkretnej stronie, możesz użyć metatagu.

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

Możesz też z niej zrezygnować, ustawiając color-scheme: only light w elemencie :root.

:root {
  color-scheme: only light;
}

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

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

Więcej informacji znajdziesz w sekcji Jak zrezygnować z automatycznego ciemnego motywu w artykule Automatyczne ciemny motyw na Androidzie.

Obsługa czcionek COLRv1

W Chrome 98 dostępna jest teraz obsługa COLRv1, która jest ewolucją formatu czcionek COLRv0. Dodaje gradienty, kompozycję i mieszanie oraz ulepsza ponowne użycie kształtów, aby uzyskać ostre i kompaktowe pliki czcionek, które dobrze się kompresują.

Kolorowa czcionka sprawia, że wyróżnienia, nagłówki i banery naprawdę się wyróżniają.

Nagłówek z czcionkami COLRv1

Jednym z moich ulubionych zastosowań COLRv1 jest zapewnienie spójności emotikonów na wszystkich platformach. Nie musisz zastępować emotikonów plikami graficznymi, ponieważ pliki czcionek stają się mniejsze i łatwiej je umieścić na stronie.

Plik czcionki z ujednoliconymi emotikonami

Pracujemy nad ulepszaniem wykrywania funkcji, ponieważ nie jest to jeszcze tak proste, jak powinno. Warto jednak mieć to na uwadze.

Więcej informacji o czcionkach wektorowych z kolorami gradientowymi w Chrome 98 oraz o tym, jak tworzyć własne czcionki.

Emulowanie Chrome 100 w ciągu UA

Za kilka miesięcy wprowadzimy Chrome 100, czyli wersję o 3 cyfrach. Należy sprawdzić każdy kod, który sprawdza numery wersji lub analizuje ciąg znaków UA, aby upewnić się, że obsługuje 3 cyfry.

Flaga o nazwie #force-major-version-to-100 zmieni bieżący numer wersji na 100, dzięki czemu możesz się upewnić, że wszystko działa zgodnie z oczekiwaniami.

Strona flag w Chrome z wyróżnieniem nowej opcji #force-major-version-to-100

I inne funkcje

Oczywiście jest ich znacznie więcej.

Żądania wstępne CORS są teraz wysyłane przed żądaniami sieci prywatnych dotyczącymi zasobów podrzędnych z prośbą o wyraźne zezwolenie od serwera docelowego.

Udostępniliśmy nową wersję próbną origin Region Capture, czyli interfejsu API do przycinania ścieżki wideo nagranej samodzielnie. To idealne rozwiązanie do udostępniania ekranu w aplikacjach do rozmów wideo, które pozwala uniknąć efektu pokoju z lustrami.

Kontrolki nakładki okna zostały zaplanowane na Chrome 98, ale z powodu problemów wykrytych w ostatniej chwili nie zostały wprowadzone. Wciąż nad nim pracujemy i spodziewamy się, że pojawi się w kolejnych wersjach.

Więcej informacji

To tylko niektóre z najważniejszych informacji. Aby poznać inne zmiany w Chrome 98, kliknij linki poniżej.

Subskrybuj

Aby być na bieżąco, zasubskrybuj kanał YouTube dla programistów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy tylko opublikujemy nowy film.

Nazywam się Pete LePage i zaraz po wydaniu Chrome 99 opowiem Ci, co nowego w tej wersji przeglądarki.