Poznaj kilka ciekawych funkcji, które w marcu 2022 r. pojawiły się w stabilnych i beta wersjach przeglądarek.
Wersje stabilne przeglądarki
W marcu stały się one stabilnymi wersjami: Chrome 99, Chrome 100, Firefox 98 i Safari 15.4. Wprowadziliśmy na platformie całą serię nowych funkcji, z których wiele sprawiło, że funkcja stała się dostępna we wszystkich 3 platformach przeglądarek. W tym poście skupiliśmy się na ulepszeniach, które zapewniają nam interoperacyjność między przeglądarkami, ale warto zapoznać się z informacjami o wersji, aby poznać wszystkie funkcje dodane do poszczególnych silników.
Chrome 99 i Safari 15.4 zawierały warstwy kaskadowe. At-rule @layer
definiuje warstwę kaskadową, która pomaga kontrolować szczegółowość. Dołączają one do Firefoxa, dzięki czemu warstwy kaskadowe są teraz dostępne we wszystkich trzech silnikach przeglądarek. Więcej informacji o warstwach kaskadowych znajdziesz w artykule Warstwy kaskadowe wchodzą do przeglądarki.
Chrome 100 zawiera nową wartość plus-lighter
dla właściwości CSS mix-blend-mode. Ta wartość jest przydatna podczas tworzenia efektu przejścia między 2 elementami, gdy wszystkie piksele lub ich podzbiór mają te same wartości. Więcej informacji o rozwiązaniu tego problemu znajdziesz w artykule [Chrome DevTools] Przechodzenie między elementami DOM jest obecnie niemożliwe.
Obsługa przeglądarek
Safari 15.4 zawiera właściwość contain
, która umożliwia ograniczenie CSS.
Poza tym w Safari w wersji 15.4 jest to accent-color
– ta opcja zapewnia kontrolę nad kolorem uzupełniającym używanym w niektórych elementach sterujących formularza.
W Firefoksie 98 i Safari 15.4 pojawił się element <dialog>
, który reprezentuje okno dialogowe.
Safari 15.4 obsługuje też pseudoklasę :focus-visible
. Prace nad implementacją wykonała Igalia.
Wersje beta przeglądarek
Wersje beta przeglądarki umożliwiają przeglądanie funkcji, które pojawią się w następnej wersji stabilnej. To świetny czas na przetestowanie nowych funkcji lub usunięcia, które mogą wpłynąć na Twoją witrynę, zanim zostaną wprowadzone na całym świecie.
W marcu pojawiły się nowe wersje beta Chrome 101 i Firefox 99.
Wersja beta Chrome 101 zawiera notację kolorów hwb. Określa kolor na podstawie jego odcienia, bieli i czerni. Tak jak w przypadku innego zapisu kolorów, opcjonalny komponent alfa określa przezroczystość.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox 99 zawiera właściwość pdfViewerEnabled
interfejsu Navigator. Ta właściwość wskazuje, czy przeglądarka obsługuje wyświetlanie plików PDF w tekście.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Te funkcje beta wkrótce trafią do stabilnych wersji przeglądarek.