Nowości w Chrome 108

Oto, co musisz wiedzieć na ten temat:

Nazywam się Adriana Jara. Sprawdź, co nowego w Chrome 108 dla deweloperów.

Nowe jednostki rozmiaru widocznego obszaru

Nowe jednostki widoku zapewniają większą kontrolę nad tworzeniem interfejsów dostosowanych do różnych urządzeń.

Te jednostki mierzą obszar widoku w inny sposób, ponieważ uwzględniają elementy interfejsu w przeglądarce, które można rozwijać i zwijać. Na przykład pasek adresu.

Jednostki large podają rozmiar widocznego obszaru, zakładając, że interfejsy tych identyfikatorów użytkownika są zwinięte.

Z drugiej strony jednostki small podają rozmiar widocznego obszaru przy założeniu, że interfejsy są rozwinięte.

A dzięki jednostkom dynamic rozmiar widoku będzie się automatycznie dostosowywał do wyświetlanych elementów interfejsu przeglądarki.

Wartość będzie mieścić się w limitach dużych jednostek (maksimum) i małych jednostek (minimum).

Różne części obszaru widocznego dla każdego typu jednostki obszaru widocznego.

Więcej informacji znajdziesz w tym artykule. Sprawdź też zmianę zachowania rozmiaru widocznego obszaru na Androidzie, aby odpowiednio zarządzać widocznym obszarem .

Czcionki zmienne są teraz obsługiwane w COLRv1.

Kolorowe czcionki wektorowe COLRv1 są obsługiwane od wersji Chrome 98, ale początkowa wersja obsługiwała tylko statyczną funkcjonalność tabeli COLRv1.

Specyfikacja COLRv1 obejmuje też odmiany OpenType, co oznacza, że można zmieniać właściwości czcionki przez zmianę wartości zmiennych osi. Takie odmiany są obecnie obsługiwane.

Ta wersja zawiera też rozszerzenia warunków font-tech() i font-format() do usługi porównywania cen @supports .

W takich warunkach deweloper może wykryć, kiedy funkcje czcionek są dostępne, aby zapewnić użytkownikowi najnowsze funkcje, a także utworzyć wersję zapasową, jeśli obsługa nie jest dostępna.

Wypróbuj wersję demonstracyjną tutaj i dodawaj wyrazistości swoim słowom za pomocą czcionek zmiennych.

Metody FileSystemSyncAccessHandle są teraz synchroniczne.

Prywatny system plików źródła zapewnia dostęp do specjalnego rodzaju plików, które są w wysokim stopniu zoptymalizowane pod kątem wydajności. Deweloperzy mogą uzyskać dostęp do takich plików, wywołując funkcję createSyncAccessHandle(), która jest metodą udostępnioną w obiektach FileSystemFileHandle.

Wywołanie FileSystemSyncAccessHandle.

Metody truncate(newSize), getSize(), flush()close() w tym obiekcie dostępu były wcześniej asynchroniczne, ale od wersji Chrome 108 są synchroniczne.

Ta zmiana ma sens, ponieważ FileSystemSyncAccessHandle pasuje do synchronicznego interfejsu API typu POSIX, którego oczekują aplikacje oparte na Wasm. Dzięki temu interfejs API staje się bardziej ergonomiczny, a zarazem zapewnia znaczne zwiększenie wydajności.

Ta zmiana może spowodować przerwanie działania. Jeśli korzystasz z opisanych powyżej metod, wszelkie użycie Promise.then() zostanie przerwane. Jeśli wywołasz metodę then() w łańcuchu wywołań po wyniku którejkolwiek z metod asynchronicznych, które stały się synchroniczne, musisz zmienić kod.

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

Więcej szczegółowych instrukcji znajdziesz w tym artykule.

I inne funkcje

Oczywiście jest ich znacznie więcej.

Więcej informacji

Ta lista zawiera tylko niektóre najważniejsze informacje. Aby poznać inne zmiany w Chrome 108, kliknij linki poniżej.

Subskrybuj

Aby być na bieżąco, zasubskrybuj kanał w YouTube dla programistów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy tylko opublikujemy nowy film.

Nazywam się Adriana Jara i jak tylko pojawi się nowa wersja Chrome 109, opowiem Ci, co nowego w Chrome.