Odkryj ciekawe funkcje, które zostały udostępnione w wersjach stabilnych i beta w przeglądarkach internetowych w marcu 2022 roku.
Stabilne wersje przeglądarek
W marcu Chrome 99, Chrome 100, Firefox 98 i Safari 15.4 stały się stabilne. W rezultacie na platformie pojawiło się cała masa nowych funkcji, a wiele z nich sprawiło, że funkcja ta stała się dostępna we wszystkich 3 wyszukiwarkach. W tym poście skoncentrowaliśmy się na tych dodatków, które zapewniają współdziałanie różnych przeglądarek, ale warto sprawdzić informacje o wersji, aby poznać wszystkie funkcje dodane do poszczególnych silników.
W Chrome 99 i Safari 15.4 były dostępne warstwy kaskadowe. Reguła @layer definiuje warstwę kaskadową, co pomaga kontrolować dokładność. Dołączają one do przeglądarki Firefox, dlatego warstwy Kaskadowe są teraz dostępne we wszystkich trzech wyszukiwarkach. Więcej informacji o warstwach Kaskadowych znajdziesz w artykule Warstwy Kaskadowe już wkrótce udostępnimy w przeglądarce.
Chrome 100 zawiera nową wartość plus-lighter dla właściwości mix-blend-mode CSS. Ta wartość jest przydatna przy przenikaniu dwóch elementów, gdy wszystkie piksele lub podzbiór pikseli mają te same wartości. Więcej o tym problemie możesz dowiedzieć się z artykułu Przekształcanie dowolnych dwóch elementów DOM jest obecnie niemożliwe.
Obsługa przeglądarek
- 100
- 100
- 99
- 9.1
Safari w wersji 15.4 zawiera właściwość contain, która umożliwia ograniczanie kodu CSS.
W Safari 15.4 jest także dostępna wersja accent-color, która zapewnia kontrolę nad kolorem uzupełniającym niektórych elementów sterujących formularza.
W przeglądarkach Firefox w wersjach 98 i 15.4 pojawia się element <dialog> reprezentujący okno.
Safari 15.4 obsługuje też pseudoklasę :focus-visible. Próba wdrożenia na ten temat została przeprowadzona przez Igalię.
Wersje przeglądarki (beta)
Wersje beta zawierają podgląd funkcji, które pojawią się w następnej stabilnej wersji przeglądarki. To doskonała okazja do przetestowania nowych funkcji lub usunięć, które mogą wpłynąć na Twoją witrynę, zanim udostępnimy je użytkownikom na całym świecie.
Nowe wersje beta w marcu to Chrome 101 i Firefox 99.
Chrome 101 w wersji beta zawiera notację kolorów hwb. Określa kolor na podstawie barwy, bieli i czerni. Tak jak w przypadku innych zapisów kolorów, opcjonalny komponent alfa określa przezroczystość.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox w wersji 99 zawiera właściwość pdfViewerEnabled interfejsu Nawigatora. Ta właściwość określa, czy przeglądarka obsługuje wbudowane wyświetlanie plików PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Te funkcje w wersji beta będą wkrótce dostępne w stabilnych przeglądarkach.