Równoważenie nagłówków CSS, CHIPS, zdarzenie Scrollend i popover.
O ile nie zaznaczono inaczej, zmiany opisane poniżej dotyczą najnowszych wersji beta Chrome na Androida, ChromeOS, Linux, macOS i Windows. Dowiedz się więcej o funkcjach wymienionych na liście, korzystając z podanych linków lub z listy na ChromeStatus.com. Od 3 maja 2023 r. Chrome 114 jest w wersji beta. Najnowsze aktualizacje możesz pobrać z Google.com na komputer lub ze Sklepu Google Play na Androida.
CSS
W tej wersji dodaliśmy 2 nowe funkcje CSS.
Równoważenie nagłówków CSS
Ta funkcja pozwala zrównoważyć długość wierszy w elemencie, aby zwiększyć czytelność i zminimalizować liczbę osieroconych typografii, jeśli tekst mieści się w maksymalnie 4 wierszach. Przydaje się to często w przypadku nagłówków. Na przykład ten kod CSS zrównoważy wszystkie poziomy nagłówków i cudzysłowy blokowe:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Oprócz właściwości text-wrap obsługiwana jest również właściwość white-space-collapse, która stanowi skrót od właściwości white-space.
Więcej informacji znajdziesz w sekcji CSS text-wrap: balance.
Alias overflow: overlay dla użytkownika overflow: auto
Chrome 114 usuwa tryb przewijania overflow: overlay i ustawia overlay jako starszy alias domeny auto. Korzystanie z elementu overflow: overlay jest takie samo jak w przypadku elementu overflow: auto, z tą różnicą, że jeśli występują paski przewijania systemu operacyjnego bez nakładek, nie zapobiega rozszerzaniu treści na rynnę paska przewijania. Użycie nakładek przewijania nie daje żadnego efektu.
Internetowe interfejsy API
Interfejs API NotRestoredReason w pamięci podręcznej stanu strony internetowej
Interfejs NotRestoredReason API prezentuje listę powodów, dla których strona nie jest wyświetlana z pamięci podręcznej stanu strony internetowej w strukturze drzewa ramek za pomocą interfejsu PerformanceTrackingTiming API.
Pliki cookie z niezależnym trybem partycjonowania (CHIPS)
Chrome planuje usunąć pliki cookie innych firm, dlatego deweloperzy potrzebują możliwości używania plików cookie w kontekstach innych firm, które są partycjonowane według witryny najwyższego poziomu. Jest to konieczne w przypadkach użycia niezwiązanych ze śledzeniem w witrynach. na przykład umieszczone na stronach SaaS, CMS bez interfejsu graficznego i domeny piaskownicy). Atrybut pliku cookie CHIPS w elemencie Partitioned umożliwia programistom partycjonowanie plików cookie innych firm według witryny najwyższego poziomu. CHIPS można włączyć w odmianach Chrome w wersji Chrome 110 i nowszych. W Chrome 114 ELEMENTY są domyślnie włączone we wszystkich instancjach przeglądarki.
Dowiedz się więcej o ELEMENTACH.
Zdarzenie scrollend
Dzięki temu zdarzeń deweloperzy wiedzą, kiedy przewija się (zarówno sam przewinięcie, jak i wszelkie zmiany w odsunięciach odsunięć podczas przewijania) za pomocą detektorów zdarzeń. Informacje o zakończeniu przewijania są przydatne z różnych powodów. Dotyczy to na przykład synchronizowania niektórych logiki w przyciągniętej sekcji, pobierania elementów z listy lub uruchamiania nowych animacji. Ta funkcja znacznie upraszcza obsługę efektów zakończenia przewijania, zapewniając ich spójność w wielu różnych metodach wprowadzania danych. Obecnie deweloperzy radzą sobie z tym, obserwując zdarzenia przewijania i tworząc algorytmy doraźnego limitu czasu.
Więcej informacji o wydarzeniu scrollend
Popover API
Interfejs API, który może służyć do tworzenia tymczasowych elementów interfejsu użytkownika wyświetlanych nad wszystkimi 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. Ten interfejs API używa nowego atrybutu treści popover, aby umożliwić wyświetlanie dowolnego elementu w górnej warstwie. Podobny do elementu <dialog> występuje, ale występuje kilka istotnych różnic, m.in. sposób odwracania uwagi, zarządzanie interakcjami z wyskakującymi okienkami, obsługa zdarzeń i brak trybu „modalnego”.
Więcej informacji o interfejsie Popover API
Opcja Web Bluetooth exclusionFilters w: requestDevice()
Opcja exclusionFilters w usłudze navigator.bluetooth.requestDevice() pozwala programistom stron internetowych wykluczać niektóre urządzenia z selektora przeglądarki. Może służyć do wykluczania urządzeń, które pasują do szerszego filtra, ale nie są obsługiwane.
Wyświetl przykładowy kod ilustrujący użycie interfejsu Web Bluetooth API do pobierania podstawowych informacji o urządzeniu z pobliskiego urządzenia Bluetooth Low Energy z podstawowymi filtrami wykluczania.
Stała oferta rozszerzona WebAssembly
Chrome 114 implementuje stałą ofertę rozszerzoną WebAssembly. Po wprowadzeniu tej propozycji dodanie do listy prawidłowych instrukcji stałych: i32.add, i32.sub, i32.mul, i64.add, i64.sub i i64.mul.
Testowanie origin w toku
W Chrome 114 możesz włączyć te nowe testy origin.
pomiar atrybucji w wielu aplikacjach i w internecie;
Rozszerza interfejs Attribution Reporting API, aby umożliwić przypisywanie konwersji w internecie do zdarzeń, które mają miejsce poza przeglądarką, w innych aplikacjach. W przedstawionej tutaj propozycji wykorzystano obsługę atrybucji na poziomie systemu operacyjnego. W szczególności umożliwia deweloperowi dołączanie do zdarzeń w internecie mobilnym ze zdarzeniami z Piaskownicy prywatności na Androidzie, choć można też wdrożyć obsługę innych platform.
Interfejs Background Blur API
Interfejs API rozmycia tła umożliwia programistom stron internetowych używanie interfejsu API platformy natywnej do segmentowania kamery w tle. Rozmycie tła stało się jedną z najczęściej używanych funkcji w aplikacjach do rozmów wideo, dlatego chcemy, aby aplikacje internetowe korzystały z tych samych interfejsów API platformy bez konieczności korzystania z platform ML takich jak TensorFlow.js, Mediapipe, biblioteki WASM czy rozwiązania działające w chmurze.
Zarejestruj się, aby wziąć udział w testowaniu origin rozmycia tła
Wycofania i usunięcia
W Chrome 114 nie wprowadziliśmy żadnych nowych funkcji wycofywanych ani usuniętych.