Nowości w Chrome 108

Oto, co musisz wiedzieć na ten temat:

Nazywam się Adriana Jara. Zobaczmy, co nowego dla programistów Chrome 108.

Nowe jednostki rozmiaru widocznego obszaru

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

Jednostki te mierzą inaczej obszar widocznego obszaru, ponieważ uwzględniają elementy interfejsu przeglądarki, które można rozwinąć lub zwinąć. 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żej jednostki (maksimum) i małych jednostek (minimum).

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

Więcej informacji znajdziesz w tym artykule. Zapoznaj się też ze zmianą w sposobie zmiany rozmiaru widocznego obszaru na Androidzie, która pozwala odpowiednio obsługiwać widoczny obszar .

W standardzie COLRv1 obsługiwane są teraz czcionki zmiennych.

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żytkownikom najnowsze funkcje, a także utworzyć wersję zapasową, jeśli obsługa nie jest dostępna.

Wypróbuj wersję demonstracyjną tutaj i użyj czcionek zmiennych, aby nadać wyrazistość swoim słowom.

Metody FileSystemSyncAccessHandle są teraz synchroniczne.

Prywatny system plików źródła zapewnia dostęp do specjalnego rodzaju pliku, który jest bardzo zoptymalizowany pod kątem wydajności. Deweloperzy mogą uzyskać dostęp do takich plików, wywołując metodę createSyncAccessHandle(), która jest metodą ujawnianą 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.

Zmiana ma niezły powód, ponieważ FileSystemSyncAccessHandle odpowiada synchronicznemu, podobnemu do POSIX interfejsu API plików, którego oczekują aplikacje oparte na Wasm. Dzięki temu interfejs API jest bardziej ergonomiczny i jednocześnie znacząco zwiększa wydajność.

Ta zmiana może spowodować przerwanie działania. Jeśli używasz powyższych 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 */

Szczegółowe instrukcje znajdziesz w tym artykule.

I inne funkcje

Oczywiście jest ich znacznie więcej.

Więcej informacji

Obejmuje to tylko niektóre najważniejsze informacje. Pod poniższymi linkami znajdziesz dodatkowe zmiany w Chrome 108.

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.