Odkryj ciekawe funkcje, które zostały udostępnione w wersjach stabilnych i beta w przeglądarkach internetowych w grudniu 2022 r.
Stabilne wersje przeglądarek
W grudniu Firefox 108 i Safari 16.2 stały się stabilne. Przyjrzyjmy się, co to oznacza dla platformy internetowej.
Obsługa atrybutów height i width obiektu <source>
Firefox 108 obsługuje atrybuty height i width elementu <source>, jeśli jest elementem podrzędnym elementu <picture>. Te atrybuty akceptują wysokość lub szerokość obrazu w pikselach jako liczbę całkowitą bez jednostki.
Obsługa przeglądarek
- 90
- 90
- 108
- 15
Trygonometryczne funkcje CSS
Firefox obsługuje teraz też funkcje trygonometryczne w CSS – sin(), cos(), tan(), asin(), acos(), atan() i atan2().
Obsługa ostatniego punktu odniesienia we wszystkich 3 wyszukiwarkach
Oprócz wielu poprawek CSS w przeglądarce Safari 16.2 dodaliśmy wyrównanie last baseline dla siatki CSS i układu Flexbox. Oznacza to, że ta funkcja jest teraz obsługiwana w 3 głównych mechanizmach przeglądarek.
Usługa porównywania cen font-variant-alternates
Safari dodaje też obsługę dodatkowych wartości właściwości CSS font-variant-alternates: adnotacji(nazwa-wartości), parametru-variant(nazwa-wartości), ornaments(nazwa-wartości), styleset(nazwa-wartości), stylistyki(nazwa-wartości), swash(nazwa-wartości) oraz powiązanej reguły @font-feature-values.
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, Safari 16.3 i Chrome 109.
Jedyną nową funkcją dostępną w Safari w wersji 16.3 jest dodanie dyrektywy prefetch-src Content-Security-Policy (CSP). W tej wersji beta wprowadzono też wiele poprawek.
Chrome 109 obsługuje MathML Core – język opisu notacji matematycznej, który można umieścić w kodzie HTML i SVG.
Nowością w Chrome na Androida jest potwierdzenie bezpiecznych płatności (SPC). To proponowany standard internetowy, który umożliwia klientom uwierzytelnianie u wydawcy karty kredytowej, banku lub innego dostawcy usług płatniczych za pomocą mechanizmu uwierzytelniania platformy. Zazwyczaj jest on aktywowany za pomocą funkcji odblokowywania ekranu urządzenia, na przykład czytnika linii papilarnych.
Nowością w Chrome na Androida jest też system OPFS (Origin Private File System), który wchodzi w skład interfejsu File System Access API na Androidzie. Obejmuje to całą platformę File System Access API, z pominięciem metod show{OpenFile, SaveFile, Directory}Picker() i integracji z interfejsem Drag and Drop API.
W przypadku CSS w Chrome korzystamy z jednostki długości lh. Ta jednostka odpowiada obliczonej wartości właściwości line-height w elemencie, w którym jest używana. Dodatkowo właściwość hyphenate-limit-chars określająca minimalną liczbę znaków w słowie rozdzielanym łączem.
Uwagi do wersji przeglądarki Firefox nie zostały zaktualizowane podczas pisania tego tekstu, a być może ze względu na okres świąteczny.
Inne wiadomości
Ten post to 12 edycja tej serii postów na blogu, w której co miesiąc w 2022 roku przedstawiamy ciekawe rzeczy, które będą pojawiać się w przeglądarkach. W 2023 roku będę co miesiąc dzielić się z innymi interesującymi rzeczami, które pojawiają się na platformie.
Wiele funkcji, które pojawiły się w przeglądarkach w ubiegłym roku, a wiele z tych wymienionych jako „poprawki CSS”, było częścią Interop w 2022 r. Aby dowiedzieć się więcej, przeczytaj raport na koniec roku przygotowany przez zespół Chrome na temat tej inicjatywy dotyczącej różnych przeglądarek. Opisujemy w niej niektóre z najpoważniejszych problemów ze zgodnością platformy internetowej.
Dla osób, które czytają tego posta, warto także zwrócić uwagę na listę aktualizacji opartych na danych dotyczących zgodności przeglądarki MDN, które zostały opublikowane przez naszych znajomych w MDN.