Nowości w Chrome 120

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

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

API CloseWatcher

Ważną cechą komponentów modalnych i wyskakujących jest to,że można je łatwo zamknąć dzięki spójnemu mechanizmowi. Takie mechanizmy są nazywane żądaniami zamknięcia. Zazwyczaj są to klawisz ESC na platformach stacjonarnych oraz gest lub przycisk cofania w Androidzie.

Programiści stron internetowych nie mieli dobrego sposobu obsługi próśb o zamknięcie własnych komponentów. Jest to problematyczne zwłaszcza na urządzeniach z Androidem, gdzie podawanie prostego sposobu zamykania w przypadku gestu cofania 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 to też uaktualnienia do <dialog> i popover="", dzięki którym można korzystać z nowych zasad dotyczących zamknięcia prośby o zamknięcie, aby użytkownicy zareagowali na przycisk Wstecz w Androidzie.

Zapoznaj się z demonstracją interfejsu CloseWatcher API.

<details> atrybut nazwy

Atrybut name elementu <details> ułatwia wdrożenie wzorca akordeonu za pomocą sekwencji elementów HTML <details>.

Wiele elementów <details> o tym samym identyfikatorze name tworzy grupę. Przy takiej konfiguracji można otworzyć jednocześnie 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ń

Raporty o naruszeniach zasad dotyczących uprawnień są już dostępne. Są one zintegrowane z interfejsem Permissions Policy API, który umożliwia deweloperom kontrolę nad funkcjami przeglądarki dostępnymi na stronie, jej elementach iframe i zasobach podrzędnych przez zadeklarowanie zestawu zasad, które przeglądarka będzie wymuszać za pomocą interfejsu API do raportowania. Interfejs API do raportowania udostępnia ogólny mechanizm raportowania, za pomocą którego aplikacje internetowe mogą udostępniać raporty 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ć, kiedy na ich stronach są wysyłane żądania niedozwolonych funkcji.

Więcej informacji o implementacji znajdziesz w artykule Kontrola nad funkcjami przeglądarki za pomocą zasad dotyczących uprawnień.

I inne funkcje

Oczywiście istnieje też znacznie więcej możliwości.

  • Implementacja zagnieżdżania CSS umożliwia zagnieżdżenie reguł zagnieżdżonych do elementu, zamiast być opakowany znakiem is() lub musi zaczynać się ze znakiem ampersand.

  • Przy użyciu działania enterpictureinpicture w interfejsie Media Session API witryny mogą zarejestrować moduł obsługi działań umożliwiający otwieranie okna obrazu w obrazie lub obrazu w dokumencie.

  • Przypominamy też, że zespół Chrome pracuje nad wycofaniem plików cookie innych firm. W styczniu rozpoczął się eksperyment, który może mieć wpływ na Twoją witrynę, dlatego tak ważne jest zaznaczenie sekcji Przygotowanie na wycofanie plików cookie innych firm pod kątem kontroli i działania ograniczających ryzyko.

Więcej informacji

To tylko niektóre z najważniejszych informacji. Przejrzyj te linki: dodatkowych zmian w Chrome 120.

Subskrybuj

Aby być na bieżąco, zasubskrybuj Kanał Chrome Developers w YouTube, a gdy będziemy mogli opublikować nowy film, otrzymasz e-maila z powiadomieniem.

Cześć Adriano Jarze, nasz zespół życzy Ci Wesołych Świąt. Gdy tylko Chrome 121 zostanie opublikowany, powiem Ci, co nowego w tej przeglądarce.