Oto, co musisz wiedzieć na ten temat:
hwb()Notacja koloru to nowy sposób określania koloru na podstawie odcienia, bieli i czerni.- Priorytet pobierania pozwala zasugerować przeglądarce kolejność pobierania zasobów.
- A to nie wszystko. Więcej informacji znajdziesz w tym artykule.
Spójrzmy na nowości w Chrome 101.
hwb() notacja koloru
W artykule Stefana Judisa opisano ją jako „notację kolorów dla ludzi”. hwb() określa kolor na podstawie odcienia, bieli i czerni. Podobnie jak w przypadku innych oznaczeń kolorów opcjonalny składnik alfa określa krycie.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Ta metoda określania koloru jest obecnie dobrze obsługiwana. Firefox obsługuje ją od wersji 96, a Safari od wersji 15.
Priorytet pobierania
Priorytet pobierania umożliwia przekazanie przeglądarce wskazówki, w jakiej kolejności powinny być pobierane zasoby, za pomocą atrybutu fetchpriority. Akceptuje wartości "high", "low" i "auto".
"high": uważasz, że zasób ma wysoki priorytet, i chcesz, aby przeglądarka traktowała go priorytetowo, o ile nie uniemożliwiają tego jej heurystyki."low": uważasz, że zasób ma niski priorytet i chcesz, aby przeglądarka obniżyła jego priorytet, jeśli pozwalają na to jej heurystyki."auto": jest to wartość domyślna, która pozwala przeglądarce określić odpowiedni priorytet.
W przykładzie poniżej obraz o niskim priorytecie jest oznaczony symbolem fetchpriority="low".
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
Więcej informacji o różnych przypadkach użycia znajdziesz w artykule Optymalizowanie ładowania zasobów za pomocą interfejsu Fetch Priority API.
Inne nowości w tej wersji
Wprowadziliśmy nową metodę forget() dla obiektów USBDevice. Umożliwia to zapomnienie urządzenia, które wcześniej miało przyznane uprawnienia. Może to być na przykład aplikacja używana na komputerze współdzielonym z wieloma urządzeniami.
W przypadku Web USB poprawka obsługująca [SameObject] w przypadku powiązanych atrybutów w USBDevice. Zmianę specyfikacji znajdziesz w żądaniu wprowadzenia zmian w wersji roboczej specyfikacji.
Dedykowane skrypty worker wczytywane z bezpiecznego źródła (HTTPS), ale tworzone w niezabezpieczonych kontekstach (nie HTTPS), nie są już uznawane za bezpieczne. Oznacza to, że w kontekstach instancji roboczych:self.isSecureContext jest teraz false.
– usługi self.caches i self.storageFoundation nie są już dostępne.
Argument popup funkcji window.open() ma teraz wartość true. Jest to efekt niedawnej zmiany specyfikacji dotyczącej analizowania tego argumentu. Wcześniej, gdy wartość popup była ustawiona na „true”, wartość window.open() była interpretowana jako false. Ta zmiana ułatwia korzystanie z funkcji logicznych i ich zrozumienie.
Więcej informacji
Obejmuje to tylko niektóre najważniejsze kwestie. Dodatkowe zmiany w Chrome 101 znajdziesz pod linkami poniżej.