Nowości w Chrome 74

Pete LePage

W Chrome 74 dodaliśmy obsługę tych elementów:

A to wiele innych!

Nazywam się Pete LePage. Przyjrzyjmy się nowościom dla programistów w Chrome 74.

Historia zmian

Omawiamy w nim tylko niektóre z najważniejszych zmian. Aby dowiedzieć się więcej o zmianach w Chrome 74, kliknij linki poniżej.

Pola zajęć prywatnych

Pola klas upraszczają składnię klas, dzięki czemu funkcje konstruktora nie są potrzebne tylko do definiowania właściwości instancji. W Chrome 72 dodaliśmy obsługę pól klas publicznych.

class IncreasingCounter {
  // Public class field
  _publicValue = 0;
  get value() {
    return this._publicValue;
  }
  increment() {
    this._publicValue++;
  }
}

Przygotowuję też pola klas prywatnych. Miło mi, że pola klas prywatnych zostały udostępnione w Chrome 74. Nowa składnia pól prywatnych jest podobna do pól publicznych, z tą różnicą, że oznaczasz pole jako prywatne za pomocą znaku krzyżyka #. # wchodzi w skład nazwy pola.

class IncreasingCounter {
  // Private class field
  #privateValue = 0;
  get value() {
    return this.#privateValue;
  }
  increment() {
    this.#privateValue++;
  }
}

Pamiętaj, że pola private są tylko prywatne. Są one dostępne w klasie, ale nie są dostępne poza jej treścią.

class SimpleClass {
  _iAmPublic = 'shared';
  #iAmPrivate = 'secret';
  doSomething() {
    ...
  }
}

Więcej informacji o zajęciach publicznych i prywatnych znajdziesz w poście Mathiasa na temat pól zajęć.

prefers-reduced-motion

Niektórzy użytkownicy zgłaszają zaburzenia ruchu podczas przeglądania paralaksy, powiększania i innych efektów ruchu. Aby rozwiązać ten problem, wiele systemów operacyjnych udostępnia opcję ograniczenia ruchu, gdy tylko jest to możliwe.

Chrome udostępnia teraz zapytanie o multimedia (prefers-reduced-motion) – część specyfikacji zapytań o multimedia na poziomie 5, która umożliwia wykrywanie, kiedy ta opcja jest włączona.


@media (prefers-reduced-motion: reduce)

Wyobraź sobie, że mam przycisk rejestracji, który lekko ruchem przyciąga uwagę. Nowe zapytanie pozwala wyłączyć ruch tylko przycisku.

button {
  animation: vibrate 0.3s linear infinite both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}

Przeczytaj artykuł Toma Move Ya! albo nie, jeśli użytkownik woli ograniczyć ruch, aby dowiedzieć się więcej.

Zdarzenia transition w usłudze porównywania cen

Specyfikacja przejść w usłudze porównywania cen wymaga wysyłania zdarzeń przejścia w momencie dodania przejścia do kolejki, rozpoczęcia, zakończenia lub anulowania przejścia. Te zdarzenia od jakiegoś czasu są obsługiwane w innych przeglądarkach...

Jednak do tej pory nie były one obsługiwane w Chrome. W Chrome 74 możesz teraz słuchać:

  • transitionrun
  • transitionstart
  • transitionend
  • transitioncancel

Nasłuchując tych zdarzeń, można śledzić lub zmieniać ich zachowanie po uruchomieniu przejścia.

Aktualizacje interfejsu API zasad dotyczących funkcji

Zasady dotyczące funkcji, umożliwiają wybiórcze włączanie, wyłączanie i modyfikowanie działania interfejsów API i innych funkcji internetowych. Można to zrobić za pomocą nagłówka Feature-Policy lub atrybutu allow w elemencie iframe.

Feature-Policy: geolocation 'self'

<iframe ... allow="geolocation self">
</iframe>

Chrome 74 wprowadza nowy zestaw interfejsów API, aby sprawdzać, które funkcje są włączone:

  • Możesz zobaczyć listę funkcji dozwolonych w document.featurePolicy.allowedFeatures().
  • Możesz sprawdzić, czy dana funkcja jest dozwolona w document.featurePolicy.allowsFeature(...).
  • Pojawi się też lista domen używanych na bieżącej stronie, które umożliwiają korzystanie z określonej funkcji w document.featurePolicy.getAllowlistForFeature().

Więcej informacji znajdziesz we wpisie na temat zasad dotyczących funkcji.

…i wiele innych.

To tylko kilka zmian, jakie pojawią się w Chrome 74 dla deweloperów, oczywiście czeka na nich jeszcze wiele innych. Bardzo podoba mi się KV Storage – superszybka, asynchroniczna usługa przechowywania kluczy/wartości dostępna w wersji próbnej origin.

Wkrótce odbędzie się konferencja Google I/O

Pamiętaj, że już tylko kilka tygodni od konferencji Google I/O (od 7 do 9 maja) znajdziesz mnóstwo nowych rzeczy. Jeśli nie możesz wziąć udziału, wszystkie sesje będą transmitowane na żywo. Po zakończeniu sesji będą dostępne na kanale Chrome Developers w YouTube.

Subskrybuj

Jeśli chcesz być na bieżąco z naszymi filmami, zasubskrybuj kanał w YouTube dla deweloperów Chrome, aby otrzymywać e-maile z powiadomieniami o każdej publikacji nowego filmu.

Jestem Pete LePage i jak tylko pojawi się Chrome 75, dam Ci znać, co nowego w Chrome.