Nowości w Chrome 114

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

  • Kod CSS text-wrap: balance jest dostępny w celu ulepszania układów tekstu.
  • Pliki cookie partycjonowane według witryny najwyższego poziomu (CHIPS) są tutaj.
  • Dzięki Popover API przeskoki są łatwiejsze niż kiedykolwiek wcześniej.
  • A to jeszcze wiele więcej.

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

text-wrap:balance.

Aby ulepszyć układy tekstu, użyj text-wrap: balance. Animacja poniżej pokazuje różnicę, jaką można uzyskać, korzystając z tego pojedynczego wiersza.

Wypróbuj wersję demonstracyjną

Deweloper nie zna ostatecznego rozmiaru czcionki, rozmiaru czcionki, a nawet języka tekstu. Wszystkie zmienne są potrzebne do skutecznego zawijania tekstu. Przeglądarka zna wszystkie czynniki, dlatego za pomocą funkcji text-wrap:balance możesz poprosić przeglądarkę o znalezienie najlepszego zrównoważonego rozwiązania zawijania wierszy.

Dwa poprzednie przykłady są pokazane razem. Jeden jest oznaczony jako niezrównoważony, a drugi jako zrównoważony.

Zrównoważony blok tekstu jest bardziej przyjemny dla oka. Przykuwa uwagę i jest bardziej czytelna.

Właściwe nagłówki będą i powinny być głównym przypadkiem użycia text-wrap: balance. Aby zrównoważyć tekst, wiążą się z nim koszty wydajności, więc w celu ograniczenia kosztów aplikacja działa tylko w 4 wierszach.

W tym artykule znajdziesz przykłady i szczegółowe informacje o tym, jak poprawić układy tekstu.

ELEMENTY: pliki cookie w niezależnym stanie partycjonowania.

CHIPS (Pliki cookie o niezależnym stanie partycjonowania): umożliwia włączenie partycjonowania plików cookie innych firm przez witrynę najwyższego poziomu z użyciem nowego atrybutu pliku cookie Partitioned.

Przed CHIPS, gdy użytkownik odwiedza witrynę A, osadzona witryna C mogła ustawić plik cookie na jego komputerze. Jeśli następnie użytkownik odwiedzi witrynę B, która zawiera również witrynę C, witryna C będzie mogła uzyskać dostęp do tego samego pliku cookie, który został ustawiony w witrynie A. Dzięki temu witryna C może zebrać dane o aktywności użytkownika związanej z przeglądaniem witryn A i B, a także każdej witryny, w której jest ona umieszczona.

Diagram przedstawiający witryny i miejsce na dane z bezpartyjnymi plikami cookie.

Śledzenie w witrynach jest problemem, ale istnieją uzasadnione potrzeby związane z plikami cookie z różnych witryn, co można osiągnąć w sposób zapewniający ochronę prywatności za pomocą partycjonowania plików cookie.

Dzięki elementom CHIPS, gdy użytkownik odwiedza witrynę A, a umieszczona w niej treść z witryny C ustawia plik cookie z atrybutem Partycja, plik cookie jest zapisywany w przedzielonym pliku jar tylko dla plików cookie ustawianych przez witrynę C po umieszczeniu w witrynie A pliku cookie. Przeglądarka wyśle ten plik cookie tylko wtedy, gdy witryna najwyższego poziomu to A.

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

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

Więcej informacji o procesie wyłączania plików cookie innych firm znajdziesz w tym artykule.

Popover API.

Interfejs Popover API ułatwia tworzenie tymczasowych elementów interfejsu (UI) wyświetlanych nad innymi interfejsami aplikacji internetowych.

Należą do nich elementy interaktywne, takie jak menu działań, sugestie dotyczące elementów formularza, selektory treści i interfejs nauczania.

Nowy atrybut wyskakującego okienka umożliwia automatyczne wyświetlanie dowolnego elementu w górnej warstwie. Dzięki temu deweloper nie musi się już martwić pozycjonowaniem, układaniem elementów, fokusem ani interakcjami z klawiaturą.

Jest on podobny do elementu <dialog>, ale istnieje kilka istotnych różnic, takich jak m.in. działanie łagodnego zamknięcia, zarządzanie interakcjami za pomocą wyskakujących okienek i obsługę zdarzeń oraz brak trybu „modalnego”.

Więcej informacji znajdziesz w tym artykule.

…i wiele innych.

Oczywiście, jest ich jeszcze więcej.

  • Narzędzia deweloperskie umożliwiają wstrzymywanie i debugowanie kodu w języku C i C++ w aplikacjach WebAssembly z obsługą DWARF.
  • Opcja exclusionFilters w navigator.bluetooth.requestDevice() umożliwia programistom stron internetowych wykluczanie niektórych urządzeń z selektora przeglądarki.
  • Istnieje możliwość testowania origin Rozmycia tł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 114.

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, a gdy tylko Chrome 115 będzie dostępny, będę informować Cię o nowościach w Chrome.