Nowości w Chrome 74

W Chrome 74 dodaliśmy obsługę:

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.

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 privateprywatne. 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.