Nowości w Chrome 120

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

Nazywam się Adriana Jara. Przyjrzyjmy się nowościom dla deweloperów w Chrome 120.

interfejs API CloseWatcher.

Ważną cechą komponentów modalnych i wyskakujących jest to,że łatwo się je zamykają i mają spójny mechanizm. Mechanizmy te nazywamy żądaniami zamykania, na komputerach są zwykle klawiszem ESC, a na Androidzie – gestem lub przyciskiem cofania.

Programiści stron internetowych nie mieli żadnego dobrego sposobu na obsługę żądań bliskich dotyczących ich własnych komponentów. Jest to szczególnie problematyczne na urządzeniach z Androidem, gdzie proste zachowanie gestu zamknięcia jest dość skomplikowane.

Chrome 120 zawiera to rozwiązanie z CloseWatcher – nowym interfejsem API do bezpośredniego nasłuchiwania żądań zamknięcia i reagowania na nie. Obejmuje też uaktualnienia do <dialog> i popover="", które umożliwiają korzystanie z nowej platformy wysyłania żądań zamknięcia w celu reagowania na przycisk Wstecz w Androidzie.

Aby go wypróbować, obejrzyj prezentację interfejsu CloseWatcher API.

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> z tym samym atrybutem name. W przypadku tej konfiguracji naraz można otworzyć w tej grupie maksymalnie 1 element.

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>

Zgłoszenia naruszenia zasad 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 i 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 umożliwiający aplikacjom internetowym udostępnianie raportów na podstawie kilku funkcji platformy.

Integracja interfejsu Permissions Policy API i Reporting API 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ą zobaczyć, kiedy w polu pojawia się prośba o wprowadzenie niedozwolonych funkcji dla ich stron.

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

…i wiele innych.

Oczywiście, jest ich jeszcze więcej.

  • Implementacja łagodnego zagnieżdżania CSS pozwala na zagnieżdżanie reguł stylów zagnieżdżonych od elementu i nie jest zawijane znakiem is() ani wymagało znaku ampersand na początku.

  • Korzystając z działania enterpictureinpicture w interfejsie Media Session API, witryny mogą zarejestrować moduł obsługi działań, który umożliwia otwieranie okna obrazu w obrazie lub dokumentu w obrazie dokumentu.

  • Przypominamy, ż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 zalecamy zaznaczenie opcji Przygotowanie do wycofania plików cookie innych firm w celu kontroli i ograniczenia działań.

Więcej informacji

Ta analiza obejmuje tylko niektóre najważniejsze kwestie. Kliknij poniższe linki, aby dowiedzieć się więcej o zmianach w Chrome 120.

Subskrybuj

Aby być na bieżąco, zasubskrybuj kanał Chrome Developers w YouTube. Będziesz otrzymywać e-maile z powiadomieniami o każdym nowym filmie.

Cześć Adriana Jara, nasz zespół życzy Wesołych Świąt. Gdy tylko Chrome 121 będzie dostępny, powiem Ci, co nowego w Chrome.