Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w kwietniu 2023 r.
Stabilne wersje przeglądarek
W kwietniu 2023 r. Firefox 112 i Chrome 112 stały się stabilne. Przyjrzyjmy się, co to oznacza dla platformy internetowej.
Atrybut inert
Firefox 112 zawiera atrybut globalny inert. Ten atrybut informuje przeglądarkę, że ma ignorować element, co oznacza, że treści nie powinny być interaktywne. Oto one:
- Uniemożliwia uruchamianie zdarzeń
click. - Zapobiega to prześwietleniu elementu.
- Wyklucza element i jego zawartość z drzewa ułatwień dostępu.
Ten atrybut może teraz działać we wszystkich trzech wyszukiwarkach.
Funkcja wygładzania linear()
Funkcja wygładzania linear() umożliwia interpolację liniową między kilkoma punktami. Umożliwia to korzystanie z bardziej złożonych animacji, takich jak odbicia i efekty elastyczne. Ta funkcja jest dostępna w przeglądarce Firefox w wersji 112.
Obsługa przeglądarek
- 113
- 113
- 112
- 17.2
Zagnieżdżanie arkuszy CSS
Chrome 112 dodaje obsługę zagnieżdżania CSS – funkcji, której wielu deweloperów oczekuje. Przedstawiamy nowy selektor zagnieżdżania >, który służy do zagnieżdżania powiązanych reguł stylów. Jest to sposób znany deweloperom, którzy korzystają z procesorów wstępnych:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
Usługa porównywania cen animation-composition
Chrome 112 obejmuje też obsługę systemu animation-composition. O tym, jak działa ta właściwość, dowiesz się z sekcji Określanie sposobu łączenia różnych efektów animacji z kompozycją animacji.
Nowy tryb bez interfejsu graficznego
Jeśli używasz trybu bez interfejsu graficznego w Chrome, np. Puppeteer, w aplikacji 112 znajdziesz zupełnie nowy tryb bez interfejsu graficznego. Dowiedz się więcej o uaktualnieniu trybu bez interfejsu graficznego w Chrome.
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 to Firefox 113 i Chrome 113, a Safari 16.5 w wersji beta nadal trwa. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najciekawszych.
Firefox w wersji 113 zawiera funkcje color(), lab(), lch(), oklab() i oklch(). Obejmuje też funkcję color-mix() z CSS Color 5 i właściwość forced-color-adjust.
Firefox zawiera też składnię nth-child of <selector>, dzięki czemu masz większą kontrolę nad tym, które elementy chcesz wybrać. Więcej informacji znajdziesz w sekcji Większa kontrola nad opcjami :nth-child() dzięki składni S.
W przypadku usług porównywania cen Chrome 113 zawiera funkcje multimedialne overflow-inline, overflow-block i update. Obejmuje też funkcję wygładzania linear() i typ image-set() bez prefiksu.
Chrome 113 zawiera też platformę WebGPU, następcę interfejsów API graficznych WebGL i WebGPU, które umożliwiają korzystanie z interfejsów internetowych. Oferuje ona nowoczesne funkcje, takie jak wykorzystanie zasobów obliczeniowych na GPU, niższy dostęp do sprzętu GPU, możliwość renderowania w wielu obszarach roboczych z jednego urządzenia graficznego oraz lepszą, bardziej przewidywalną wydajność.