Oto, co musisz wiedzieć na ten temat:
- Interfejs CloseWatcher API zapewnia spójne działanie podczas obsługi żądań zamknięcia.
- Łatwo wdróż wzór harmonijki za pomocą elementu
<details>
. - Raporty o naruszeniu zasad dotyczących uprawnień są już dostępne.
- I to nie wszystko .
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 zawiera rozwiązanie z CloseWatcher, nowym interfejsem API do bezpośredniego słuchania i odpowiadania na żądania zamknięcia. Obejmuje ona też uaktualnienia aplikacji <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 atrybucie name
tworzy grupę. W przypadku takiego ustawienia 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 naruszeniach 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 z interfejsem Reporting API umożliwia deweloperom 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ą sprawdzać, kiedy na ich stronach występują żą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 umożliwia rozpoczęcie zagnieżdżonych reguł stylów od elementu, zamiast otaczania ich tagiem
is()
lub wymagania umieszczenia 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
Ta lista zawiera tylko niektóre najważniejsze informacje. Aby poznać inne zmiany w Chrome 120, kliknij linki poniżej.
- Nowości w Narzędziach deweloperskich w Chrome (120)
- Wycofanie i usunięcie funkcji w Chrome 120
- Aktualizacje ChromeStatus.com dotyczące Chrome 120
- Lista zmian w repozytorium kodu Chromium
- Kalendarz wydań Chrome
Subskrybuj
Aby być na bieżąco, zasubskrybuj kanał w YouTube dla programistów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy tylko opublikujemy nowy film.
Yo soy Adriana Jara, nasz zespół życzy wesołych świąt. Gdy tylko ukaże się Chrome 121, poinformujemy Cię o nowościach w tej wersji.