Nowości w Chrome 114

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

  • Aby ulepszyć układy tekstu, możesz użyć arkusza CSS text-wrap: balance.
  • Tutaj znajdują się pliki cookie podzielone według witryny najwyższego poziomu (CHIPS).
  • Dzięki interfejsowi Popup API tworzenie wyskakujących okienek jest łatwiejsze niż kiedykolwiek.
  • I to nie wszystko .

Nazywam się Adriana Jara. Sprawdźmy, co nowego w Chrome 114 dla deweloperów.

text-wrap:balance.

Aby ulepszyć układy tekstu, użyj text-wrap: balance. Animacja poniżej pokazuje, jaką różnicę może zrobić ta jedna linijka.

Wypróbuj wersję demonstracyjną

Jako programista nie znasz ostatecznego rozmiaru, rozmiaru czcionki ani nawet języka tekstu. Wszystkie zmienne są potrzebne do skutecznego zawijania tekstu. Ponieważ przeglądarka zna wszystkie czynniki, za pomocą atrybutu text-wrap:balance możesz poprosić ją o znalezienie najlepszego rozwiązania do zrównoważenia zawinięcia linii.

Oba poprzednie przykłady są wyświetlane razem: jeden jest oznaczony jako niezrównoważony, a drugi jako zrównoważony.

Zrównoważony blok tekstu jest przyjemny dla oka czytelnika. Przyciąga uwagę i jest ogólnie łatwiejsza do odczytania.

Równoważenie nagłówków powinno być głównym zastosowaniem funkcji text-wrap: balance. Wyrównanie tekstu wiąże się z pewnym kosztem wydajności, dlatego aby go zminimalizować, tekst może zawierać maksymalnie 4 wiersze.

Aby dowiedzieć się więcej o ulepszaniu układów tekstu, zapoznaj się z tym artykułem, w którym znajdziesz przykłady i szczegółowe informacje.

CHIPS: Cookies Having Independent Partitioned State.

CHIPS (Cookies Having Independent Partitioned State) umożliwia włączenie plików cookie innych firm podzielonych według witryn najwyższego poziomu za pomocą nowego atrybutu pliku cookie Partitioned.

Przed wprowadzeniem CHIPS, gdy użytkownik odwiedza witrynę A, wbudowana witryna C mogła ustawić plik cookie na jego komputerze. Jeśli użytkownik odwiedzi witrynę B, która również zawiera witrynę C, witryna C może uzyskać dostęp do tego samego pliku cookie, który został ustawiony w witrynie A. Dzięki temu witryna C może gromadzić dane o aktywności przeglądania użytkownika w witrynie A, B i wszystkich witrynach, w których jest umieszczona.

Diagram przedstawiający witryny i miejsce na pliki cookie bez partycji.

Śledzenie między witrynami jest problemem, ale istnieją uzasadnione potrzeby korzystania z plików cookie w wielu witrynach, które można realizować w sposób zapewniający ochronę prywatności dzięki podziałowi plików cookie.

Gdy użytkownik odwiedza witrynę A, a zawartość umieszczona w niej z witryny C ustawia plik cookie z atrybutem Partitioned, plik cookie jest zapisywany w pliku jar z partycjami tylko w przypadku plików cookie ustawionych przez witrynę C, gdy jest ona umieszczona w witrynie A. Przeglądarka wysyła ten plik cookie tylko wtedy, gdy witryną najwyższego poziomu jest A.

Diagram przedstawiający witryny i partycjonowaną pamięć z plikami cookie.

Gdy użytkownik odwiedza nową witrynę, np. witrynę B, witryna C nie otrzyma pliku cookie, który został ustawiony, gdy witryna C była umieszczona w witrynie A.

Więcej informacji o procesie wycofywania plików cookie innych firm znajdziesz w tym artykule.

interfejsu Popover API,

Dzięki interfejsowi Popover API łatwiej jest tworzyć przejściowe elementy interfejsu użytkownika, które są wyświetlane na wierzchu wszystkich innych elementów interfejsu aplikacji internetowej.

Dotyczy to elementów interaktywnych, takich jak menu akcji, sugestie elementów formularza, selektory treści i interfejsy do nauki.

Nowy atrybut popover umożliwia automatyczne wyświetlanie dowolnego elementu w najwyższym poziomie. Oznacza to, że deweloper nie musi już martwić się pozycjonowaniem, układaniem elementów, skupieniem czy interakcjami z klawiaturą.

Jest to element podobny do elementu <dialog>, ale ma kilka ważnych różnic, w tym zachowanie polegające na cichym zamykaniu, obsługę interakcji z pop-upem i obsługę zdarzeń oraz brak trybu „modalnego”.

Więcej informacji znajdziesz w tym artykule.

I inne funkcje

Oczywiście jest ich znacznie więcej.

Więcej informacji

Ta lista zawiera tylko niektóre najważniejsze informacje. Aby dowiedzieć się więcej o dodatkowych zmianach w Chrome 114, kliknij linki poniżej.

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.

Cześć, tu Adriana Jara. Gdy tylko pojawi się wersja 115 Chrome, opowiem Ci, co nowego w tej przeglądarce.