Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w czerwcu 2022 roku.
Stabilne wersje przeglądarek
W czerwcu wersje Chrome 103 i Firefox 102 stały się stabilne.
Przekształcaj strumienie i czytelne strumienie bajtów
Firefox w wersji 102 zapewnia obsługę przekształceń strumieni. Umożliwia to przekierowywanie z ReadableStream do WritableStream i przekształcanie fragmentów. Cieszymy się, że ta funkcja jest dostępna we wszystkich trzech wyszukiwarkach, więc jest to dobry moment, aby dowiedzieć się więcej o strumieniach.
W przeglądarce Firefox 102 są teraz obsługiwane czytelne strumienie bajtów, które umożliwiają korzystanie z czytnika BYOB w interfejsie ReadableStreamBYOBReader. Można go używać do strumieniowego przesyłania danych dostarczonych przez dewelopera.
Dostęp do czcionek zainstalowanych lokalnie
Chrome 103 zawiera interfejs Local Font Access API, który umożliwia dostęp do lokalnie zainstalowanych czcionek użytkownika. Gdy poprosisz o dostęp do czcionek zainstalowanych na urządzeniu, wywołaj window.queryLocalFonts(), aby uzyskać tablicę zainstalowanych czcionek.
const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
console.log(fontData.postscriptName);
console.log(fontData.fullName);
console.log(fontData.family);
console.log(fontData.style);
}
Funkcja multimediów update
Firefox w wersji 102 zawiera funkcję multimediów update. Służą one do sprawdzania, czy urządzenie wyjściowe może zmieniać wygląd treści po wyrenderowaniu.
Nowy kod stanu HTTP – 103 wstępne wskazówki
W Chrome 103 dodano nowy kod stanu HTTP 103 Wczesne wskazówki. Jeśli serwer lub CDN wie, że do wczytania strony jest wymagany określony zestaw zasobów podrzędnych, może doradzić przeglądarce wstępne połączenie ze źródłami lub nawet wstępne załadowanie zasobów w miarę pojawienia się strony, która ich wymaga. Do korzystania z tej funkcji wymagane jest zaktualizowanie serwera lub sieci CDN. Dowiedz się więcej o wczesnych podpowiedziach.
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 kwietniu to Chrome 104, Firefox 103 i Safari 16.
Nowa składnia zapytań o media dotyczące zakresu
Chrome w wersji 104 zawiera nową składnię zapytań o multimedia ze specyfikacji zapytań o multimedia z poziomu 4. Na przykład zapytanie o media napisane wcześniej w ten sposób:
@media (min-width: 400px) { … }
Można teraz pisać w ten sposób:
@media (width >= 400px) { … }
Interfejs API regionalnego przechwytywania
Chrome 104 na komputerach obejmuje też region Capture API. Umożliwia to przycinanie i usuwanie treści z przechwyconego filmu przed jego udostępnieniem.
Safari 16 wprowadza do przeglądarki kilka kluczowych funkcji
Safari 16 zapowiada się na kolejną ekscytującą wersję stworzoną przez zespół Safari. W tej wersji dodaliśmy wiele funkcji dostępnych w ramach Interopu 2022, więc w połowie roku cieszymy się, że tak dużo się dzieje. wymienię w tym miejscu kilka moich ulubionych funkcji, ale nie zapominaj o informacjach o wersji.
Cieszę się, że wraz z wieloma deweloperami widzę obsługę zapytań dotyczących rozmiaru w przypadku zapytań kontenerów – jest to funkcja, która również znajduje się w fazie spornej flagi w Chrome.
Dodatkowo w Safari w wersji 16 obsługiwane są wartości subgrid dla parametrów grid-template-columns i grid-template-rows. Funkcja ta jest już dostępna w przeglądarce Firefox, a obecnie rozwijana w Chrome. Umożliwia ona dziedziczenie rozmiarów ścieżek siatki przez zagnieżdżone siatki.
W przypadku układu siatki można też animować ścieżki siatki.
Obsługa przeglądarek
- 107
- 107
- 66
- 16
Metoda showPicker(), która umożliwia wyświetlenie selektora daty, godziny, koloru i plików w sposób kanoniczny. Więcej informacji znajdziesz w artykule o wyświetlaniu selektora daty, godziny, koloru i plików w przeglądarce.
Rozwiązaliśmy też problemy z ułatwieniami dostępu w display: contents, dzięki czemu można bezpiecznie używać tej przydatnej funkcji bez ryzyka usunięcia elementów z drzewa ułatwień dostępu.
Te funkcje w wersji beta będą wkrótce dostępne w stabilnych przeglądarkach.