Nowości w Chrome 120

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

Nazywam się Adriana Jara. Zobacz, co nowego w Chrome 120 dla deweloperów.

CloseWatcher API.

Ważną cechą komponentów modalnych lub wyskakujących jest to, że można je łatwo zamknąć za pomocą spójnego mechanizmu. Mechanizmy te nazywane są żądaniami zamknięcia. Na platformach komputerowych jest to zwykle klawisz ESC, a na Androidzie – gest lub przycisk Wstecz.

Deweloperzy stron internetowych nie mieli dobrego sposobu na obsługę żądań zamknięcia własnych komponentów. Jest to szczególnie problematyczne na urządzeniach z Androidem, gdzie zapewnienie prostego zachowania przy zamykaniu w przypadku gestów wstecz jest dość skomplikowane.

Chrome 120 oferuje to rozwiązanie z CloseWatcher – nowym interfejsem API do bezpośredniego nasłuchiwania i reagowania na zamknięte żądania. Obejmuje ona też uaktualnienia funkcji <dialog> i popover="", aby używały nowego mechanizmu żądania zamknięcia, który reaguje na przycisk Wstecz na Androidzie.

Aby wypróbować interfejs CloseWatcher API, skorzystaj z demonstracji.

Atrybut nazwy <details>

Atrybut name elementu <details> ułatwia implementację schematu harmonijki za pomocą sekwencji elementów HTML <details>.

Wiele elementów <details> o tym samym identyfikatorze name tworzy grupę. W przypadku takiej konfiguracji można otworzyć maksymalnie 1 element z tej grupy.

Oto przykład grupy o nazwie cookies:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Raporty o naruszeniu zasad dotyczących uprawnień

Dostępne są już raporty o naruszeniu zasad dotyczących uprawnień. Raporty te są zintegrowane z interfejsem Permissions policy API, który umożliwia deweloperom kontrolowanie funkcji przeglądarki dostępnych dla strony, jej ramek i podzasobów. Aby to zrobić, wystarczy zadeklarować zestaw zasad, które przeglądarka ma egzekwować za pomocą interfejsu Reporting API. Interfejs Reporting API udostępnia ogólny mechanizm raportowania, który umożliwia aplikacjom internetowym udostępnianie raportów na podstawie kilku funkcji platformy.

Ta integracja interfejsu Permissions Policy API i interfejsu API do raportowania umożliwia programistom stron internetowych konfigurowanie punktów końcowych, do których będą wysyłane raporty o naruszeniu zasad dotyczących uprawnień. Dzięki temu właściciele witryn mogą sprawdzić w tym polu, kiedy na ich stronach są wysyłane żądania niedozwolonych funkcji.

Więcej informacji o wdrożeniu znajdziesz w artykule Zarządzanie funkcjami przeglądarki za pomocą zasad dotyczących uprawnień.

I inne funkcje

Oczywiście jest ich znacznie więcej.

  • Zrelaksowana implementacja zagnieżdżania CSS pozwala zagnieżdżonym regułom stylów zaczynać się od elementu, zamiast być ujęte w tag is() lub wymagać znaku & na początku.

  • Dzięki działaniu enterpictureinpicture w interfejsie Media Session API witryny mogą rejestrować moduł obsługi działania, który może służyć do otwierania obrazu w obrazie lub obrazu w obrazie dokumentu.

  • Pamiętaj też, że Chrome pracuje nad wycofaniem plików cookie innych firm. W styczniu rozpocznie się eksperyment, który może mieć wpływ na Twoją witrynę. Dlatego sprawdź artykuł Przygotowanie się na koniec stosowania plików cookie innych firm, aby dowiedzieć się, jak przeprowadzić audyt i zastosować środki zaradcze.

Więcej informacji

Obejmuje to tylko niektóre najważniejsze informacje. Pod poniższymi linkami znajdziesz dodatkowe zmiany w Chrome 120.

Subskrybuj

Zasubskrybuj kanał Chrome Developers w YouTube, aby być na bieżąco z informacjami o nowym filmie. Dzięki temu będziesz otrzymywać e-maila z powiadomieniem.

Yo soy Adriana Jara, nasz zespół życzy wesołych świąt, a gdy tylko ukaże się Chrome 121, poinformuję Cię o nowościach w tej wersji.