Nowości w Chrome 120

Adriana Jara
Adriana Jara

Oto, co musisz wiedzieć na ten temat:

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

Interfejs APICloseWatcher.

Ważną cechą komponentów modalnych i wyskakujących jest łatwość zamykania i spójny mechanizm ich realizacji. Mechanizmy te nazywamy żądaniami zamykania. Na platformach stacjonarnych są to zwykle klawisz ESC, a na Androidzie – gest lub przycisk cofania.

Deweloperzy 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 prosty sposób zamykania gestu cofania jest dość skomplikowany.

Chrome 120 łączy rozwiązanie z closeWatcher – nowym interfejsem API służącym do bezpośredniego nasłuchiwania żądań zamknięcia i odpowiadania na nie. Obejmuje też uaktualnienia do <dialog> i popover="", dzięki którym można korzystać z nowej platformy żądania zamknięcia w celu reagowania na przycisk Wstecz w Androidzie.

Aby wypróbować tę funkcję, obejrzyj prezentację interfejsu ZamknijWatcher.

Atrybut nazwy <details>

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

Grupę tworzy wiele elementów <details> o tym samym elemencie name. W przypadku tej konfiguracji jednocześnie można otworzyć maksymalnie 1 element w tej grupie.

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 naruszeniach zasad dotyczących uprawnień

Są już dostępne raporty o naruszeniach zasad dotyczących uprawnień. Integrują one interfejs Permissions policy API, który umożliwia deweloperom kontrolowanie funkcji przeglądarki dostępnych dla strony, jej elementów iframe oraz zasobów podrzędnych przez zadeklarowanie zestawu zasad, które przeglądarka będzie egzekwować za pomocą interfejsu API do raportowania. Interfejs API do raportowania zapewnia ogólny mechanizm raportowania dla aplikacji internetowych, który umożliwia udostępnianie raportów na podstawie kilku funkcji platformy.

Integracja interfejsów Permissions Policy API i Reporting API pozwala programistom stron internetowych konfigurować punkty końcowe, do których będą wysyłane raporty o naruszeniach zasad dotyczących uprawnień. Dzięki temu właściciele witryn będą mogli zobaczyć, kiedy ich strony w polu pojawiają się z żądaniami niedozwolonych funkcji.

Zarządzanie funkcjami przeglądarki za pomocą zasad dotyczących uprawnień zawiera więcej informacji o implementacji.

…i wiele innych.

Oczywiście dostępnych jest też znacznie więcej.

  • Implementacja mniej rygorystycznego zagnieżdżania CSS umożliwia rozpoczynanie zagnieżdżonych reguł stylów od elementu i nie jest zamykane za pomocą ciągu is() ani wymagane jest poprzedzone znakiem „&”.

  • Działanie enterpictureinpicture w interfejsie Media Session API pozwala witrynom rejestrować moduł obsługi działań, za pomocą którego można otworzyć okno obrazu w obrazie lub dokumentu.

  • Przypominamy też, że w Chrome pracujemy nad wycofaniem plików cookie innych firm. W styczniu rozpoczyna się eksperyment, który może mieć wpływ na Twoją witrynę. Dlatego ważne jest, aby sprawdzić sekcję Przygotowanie do wycofania plików cookie innych firm, aby dowiedzieć się, jak kontrolować i ograniczać ryzyko wystąpienia problemów.

Więcej informacji

Ta lista zawiera tylko kilka najważniejszych informacji. Poniżej znajdziesz dodatkowe informacje o zmianach w Chrome 120.

Zasubskrybuj

Aby być na bieżąco, zasubskrybuj kanał Chrome Developers w YouTube. Za każdym razem, gdy opublikujemy nowy film, otrzymasz e-maila z powiadomieniem.

Cześć Adriana Jara, nasz zespół życzy Ci Wesołych Świąt. Zaraz po opublikowaniu Chrome 121 opowiem Ci o nowościach w tej przeglądarce.