Nowości w Chrome 74

Pete LePage

W Chrome 74 dodaliśmy obsługę:

I wiele innych.

Mam na imię Pete LePage. Zobacz, co nowego w Chrome 74 dla deweloperów.

Historia zmian

To tylko niektóre z najważniejszych informacji. Pod poniższymi linkami znajdziesz dodatkowe informacje o zmianach w Chrome 74.

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). Potraktuj # jako część 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() {
    ...
  }
}

Aby dowiedzieć się więcej o zajęciach publicznych i prywatnych, przeczytaj posta Mathiasa na temat pól zajęć.

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 rozwiązać ten problem, wiele systemów operacyjnych udostępnia opcję ograniczenia ruchu, gdy 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! A może nie, jeśli użytkownik preferuje ograniczony ruch, żeby dowiedzieć się więcej.

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 przypadku 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. Bardzo podoba mi się KV Storage, superszybka, asynchroniczna usługa przechowywania danych w postaci par klucz-wartość, dostępna w ramach wersji próbnej origin.

Już wkrótce rozpocznie się konferencja Google I/O.

Pamiętaj, że Google I/O już za kilka tygodni (od 7 do 9 maja) będzie wiele nowych atrakcji. Jeśli nie możesz wziąć udziału w konferencji, 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 nasz kanał w YouTube dla deweloperów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy tylko opublikujemy nowy film.

Nazywam się Pete LePage i zaraz po wydaniu Chrome 75 opowiem Ci o nowościach w tej przeglądarce.