Nowości w Chrome 119

Oto, co musisz wiedzieć na ten temat:

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

Data ważności plików cookie.

Ponieważ w przypadku nowo utworzonych plików cookie Chrome 104 lub plików z datą ważności, data ważności nie została zmieniona na późniejszą niż 400 dni. Ten sam limit będzie teraz obowiązywał z mocą wsteczną do plików cookie, które już znajdują się w pamięci masowej.

Okres ważności tych plików cookie nie może przekroczyć 400 dni od pierwszego uruchomienia Chrome 119 lub nowszej wersji, w ramach którego przeprowadzana jest jednorazowa migracja bazy danych. Wpływ tej zmiany będzie widoczny po upływie co najmniej 400 dni od wydania Chrome 119. Zmiany będą dotyczyć tylko istniejących plików cookie, które nie zostały w tym czasie zaktualizowane.

Możesz dowiedzieć się więcej o rekomendacji dotyczącej daty ważności. Przypominamy też, że w najbliższej przyszłości pliki cookie innych firm zostaną wycofane. Przypominamy też, że w tym celu znajdziesz przewodnik.

Aktualizacje usługi porównywania cen

W przypadku usług porównywania cen wprowadzamy 3 aktualizacje:

Po pierwsze: nowe pseudoklasy :user-invalid i :user-valid, które reprezentują odpowiednio element z nieprawidłowymi lub poprawnymi danymi wejściowymi, ale dopiero po znacznej interakcji użytkownika. Są podobne do pseudoklas (:valid i :invalid), ale z dodatkowym ograniczeniem, które oznacza, że nowe pseudoklasy są dopasowywane dopiero po interakcji użytkownika z elementem.

Po drugie: składnia kolorów względnych umożliwia programistom definiowanie kolorów przez modyfikowanie parametrów innych kolorów.

Na przykład: oklab(from magenta calc(l * 0.8) a b); daje purpurowy kolor Oklab, który jest o 80% jaśniejszy.

Po trzecie, clip-path obsługuje teraz więcej wartości.

Właściwość clip-path tworzy region przycinania, który określa, jaka część elementu ma być wyświetlana. Części znajdujące się wewnątrz regionu są wyświetlane, a te na zewnątrz – ukryte.

Teraz możesz używać wartości <geometry-box>, aby kontrolować pole referencyjne klipu, co ułatwi korzystanie z usługi clip-path. Tych wartości możesz używać razem z podstawowymi kształtami (np. clip-path: circle(50%) margin-box) lub osobno przypinać elementy do wskazanego pola (np. clip-path: content-box).

Możesz też używać funkcji xywh() i rect(), które ułatwiają sprecyzowanie prostokątnych lub zaokrąglonych prostokątów.

Poprawka: poprzednia wersja tego artykułu mówiła o ulepszeniach funkcji Chronione ramki. Te zmiany są już dostępne w Chrome 120.

…i wiele innych.

Oczywiście, jest ich jeszcze więcej.

  • Aplikacja WebSQL została całkowicie usunięta od wersji Chrome 119. Testowanie odwrotnego źródła pozwala deweloperom korzystać z bazy WebSQL do wersji Chrome 123.

  • Teraz można użyć opcji monitorTypeSurfaces, aby uniemożliwić użytkownikowi udostępnianie całego ekranu za pomocą getDisplayMedia()

  • Dostępny jest test origin, który dodaje parametr fullscreen windowFeatures do interfejsu JavaScript API window.open(), aby umożliwić elementowi wywołującemu otwieranie wyskakującego okienka bezpośrednio na pełnym ekranie.

Więcej informacji

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

Subskrybuj

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

Hej Adriana Jara, a gdy tylko Chrome 120 będzie dostępny, powiem Ci, co nowego w Chrome!