Nowości w Chrome 114

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

  • Do ulepszania układów tekstu można korzystać z CSS text-wrap: balance.
  • Tutaj znajdują się pliki cookie podzielone według witryny najwyższego poziomu (CHIPS).
  • Dzięki interfejsowi Popup API łatwiej jest wyświetlać okienka.
  • I to nie wszystko

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

text-wrap:balance.

Użyj text-wrap: balance, aby ulepszyć układ tekstu. 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ównowaga między nagłówkami będzie i powinna być głównym przypadkiem użycia 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 (pliki cookie mające stan niezależnej partycji) umożliwia włączanie i wyłączenia partycjonowania plików cookie innych firm przez witrynę najwyższego poziomu z wykorzystaniem nowego atrybutu pliku cookie Partitioned.

Przed wejściem na stronę CHIPS, gdy użytkownik odwiedzi witrynę A, osadzona witryna C mogła zapisać 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 dane z plikami 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 ustawianych 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 podobne do elementu <dialog>, ale ma kilka ważnych różnic, m.in. pomijanie elementów, zarządzanie interakcjami w wyskakującym okienku i obsługę zdarzeń, a także brak trybu modalnego.

Więcej informacji znajdziesz w tym artykule.

I inne funkcje

Oczywiście jest ich znacznie więcej.

  • Narzędzie DevTools umożliwia wstrzymywanie i debugowanie kodu C i C++ w aplikacjach WebAssembly z obsługą DWARF.
  • Opcja exclusionFilters w systemie navigator.bluetooth.requestDevice() umożliwia programistom stron internetowych wykluczanie niektórych urządzeń z selektora przeglądarki.
  • Dostępny jest okres próbny funkcji rozmywania tła.

Więcej informacji

To tylko niektóre z najważniejszych informacji. Aby dowiedzieć się więcej o dodatkowych zmianach w Chrome 114, kliknij linki poniżej.

Subskrybuj

Zasubskrybuj kanał Chrome Developers w YouTube, aby być na bieżąco z informacjami o nowym filmie. Dzięki temu będziesz otrzymywać e-maila z powiadomieniem.

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