W Chrome 74 dodaliśmy obsługę:
- Tworzenie pól prywatnych klasy w JavaScript jest teraz dużo czystsze.
- Możesz wykryć, kiedy użytkownik poprosił o ograniczenie ruchu.
- Zdarzenia przejścia w usłudze porównywania cen
- Dodaje nowe interfejsy API zasad funkcji, które sprawdzają, czy funkcje są włączone.
A to nie wszystko – to tylko część.
Mam na imię Pete LePage. Zobacz, co nowego w Chrome 74 dla deweloperów.
Historia zmian
To tylko niektóre z najważniejszych nowości. Aby dowiedzieć się więcej o dodatkowych zmianach w Chrome 74, kliknij linki poniżej.
- Nowości w Narzędziach deweloperskich w Chrome (74)
- Zasady wycofane i usunięte w Chrome 74
- Aktualizacje ChromeStatus.com dotyczące Chrome 74
- Nowości w JavaScript w Chrome 74
- Lista zmian w repozytorium kodu Chromium
Pola zajęć prywatnych
Pola klasy upraszczają składnię klasy, ponieważ nie trzeba używać funkcji konstruktora tylko do definiowania właściwości instancji. W Chrome 72 dodaliśmy obsługę publicznych pól klasy.
class IncreasingCounter {
// Public class field
_publicValue = 0;
get value() {
return this._publicValue;
}
increment() {
this._publicValue++;
}
}
Wspomnieliśmy też, że trwają prace nad prywatnymi polami zajęć. Z przyjemnością informujemy, że pola prywatnych klas zostały wprowadzone w Chrome 74. Nowa składnia pól prywatnych jest podobna do pól publicznych, z tym wyjątkiem, że pole jest oznaczane jako prywatne za pomocą znaku #
(funkcja hash). Pamiętaj, że #
jest częścią nazwy pola.
class IncreasingCounter {
// Private class field
#privateValue = 0;
get value() {
return this.#privateValue;
}
increment() {
this.#privateValue++;
}
}
Pamiętaj, że pola private
są prywatne. Są one dostępne w ramach zajęć, ale nie można ich zobaczyć poza treścią zajęć.
class SimpleClass {
_iAmPublic = 'shared';
#iAmPrivate = 'secret';
doSomething() {
...
}
}
Więcej informacji o klasach publicznych i prywatnych znajdziesz w poście Mathiasa na temat polów klasy.
prefers-reduced-motion
Niektórzy użytkownicy zgłaszali, że odczuwają nudności podczas korzystania z przewijania paralaksy, przybliżania i innych efektów ruchu. Aby temu zaradzić, wiele systemów operacyjnych udostępnia opcję ograniczania ruchu, gdy tylko jest to możliwe.
Chrome udostępnia teraz zapytanie o multimedia prefers-reduced-motion
, które jest częścią specyfikacji zapytań o multimedia na poziomie 5. Pozwala ono wykryć, kiedy ta opcja jest włączona.
@media (prefers-reduced-motion: reduce)
Wyobraź sobie, że masz przycisk rejestracji, który przyciąga uwagę delikatnym ruchem. Nowe zapytanie pozwala wyłączyć wykrywanie ruchu tylko dla przycisku.
button {
animation: vibrate 0.3s linear infinite both;
}
@media (prefers-reduced-motion: reduce) {
button {
animation: none;
}
}
Przeczytaj artykuł Toma Move Ya! Możesz też nie stosować tej funkcji, jeśli użytkownik preferuje ograniczoną animację.
Zdarzenia usługi porównywania cen: transition
Specyfikacja przejść CSS wymaga, aby zdarzenia przejścia były wysyłane, gdy przejście zostanie dodane do kolejki, rozpocznie się, zakończy lub zostanie anulowane. Te zdarzenia są od jakiegoś czasu obsługiwane w innych przeglądarkach.
Do tej pory nie były one obsługiwane w Chrome. W Chrome 74 możesz teraz słuchać:
transitionrun
transitionstart
transitionend
transitioncancel
Dzięki wykrywaniu tych zdarzeń można śledzić lub zmieniać zachowanie podczas uruchamiania przejścia.
Aktualizacje interfejsu API dotyczące zasad
Zasady funkcji umożliwiają selektywne włączanie, wyłączanie i modyfikowanie działania interfejsów API oraz innych funkcji internetowych. Można to zrobić za pomocą nagłówka Feature-Policy lub atrybutu allow w tagu iframe.
Feature-Policy: geolocation 'self'
<iframe ... allow="geolocation self">
</iframe>
Chrome 74 wprowadza nowy zestaw interfejsów API do sprawdzania, które funkcje są włączone:
- Możesz pobrać listę funkcji dozwolonych w ramach
document.featurePolicy.allowedFeatures()
. - Czy dana funkcja jest dozwolona, możesz sprawdzić w sekcji
document.featurePolicy.allowsFeature(...)
. - Możesz też uzyskać listę domen używanych na bieżącej stronie, które zezwalają na określoną funkcję (
document.featurePolicy.getAllowlistForFeature()
).
Więcej informacji znajdziesz w poście wprowadzającym w zasady dotyczące funkcji.
I inne funkcje
To tylko kilka z wielu zmian w Chrome 74 dla deweloperów. Osobiście jestem bardzo podekscytowany KV Storage, czyli superszybką, asynchroniczną usługą przechowywania kluczy i wartości, dostępną w ramach próbnego okresu w usłudze origin.
Wkrótce odbędzie się konferencja Google I/O.
Nie zapominaj, że za kilka tygodni (7–9 maja) odbędzie się Google I/O, podczas której zaprezentujemy Ci wiele nowych, ciekawych rzeczy. Jeśli nie możesz wziąć udziału w spotkaniu, wszystkie sesje będą transmitowane na żywo i dostępne później na naszym kanale YouTube dla deweloperów Chrome.
Subskrybuj
Jeśli chcesz być na bieżąco z naszych filmów, zasubskrybuj kanał YouTube dla programistów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy opublikujemy nowy film.
Nazywam się Pete LePage i zaraz po wydaniu Chrome 75 opowiem Ci, co nowego w Chrome.