Ta strona została przetłumaczona przez Cloud Translation API.

Nowości w Chrome 125

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

Zakotwiczenie elementów jest łatwiejsze niż kiedykolwiek dzięki pozycjonowaniu zakotwiczonym CSS.
Interfejs Compute Pressure API pomaga zoptymalizować dostępną moc komputera.
Interfejs Storage Access API nie ogranicza się tylko do przechowywania plików cookie.
A do tego wiele więcej.

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

Pozycjonowanie zakotwiczonych elementów CSS.

Wyświetlanie elementu zakotwiczonego do innego elementu umożliwia tworzenie wzorców UI, takich jak używanie wyskakującego okienka jako etykietki i dołączanie go do elementu, który go wywołuje.

Zakotwiczone pozycjonowanie CSS umożliwia powiązanie elementu umieszczonego bezwzględnego w jednym lub wielu elementach na stronie w sposób deklaratywny. Nie wymaga JavaScriptu i działa wydajnie, gdy kotwice można przewijać.

Funkcja pozycjonowania zakotwiczenia składa się z wielu właściwości CSS. Oto kilka z nich:

anchor-name: konfiguruje element jako kotwicę innych elementów.
position-anchor: opisuje „domyślną” kotwicę, której powinien używać element zakotwiczony do pozycjonowania.
Funkcja anchor(): odnosi się do pozycji elementu zakotwiczonego określającego położenie zakotwiczonego elementu.
inset-area: skrót odnoszący się do pozycjonowania typowych pozycji względnych.

Compute Pressure API.

Interfejs Compute Pressure API udostępnia stany wysokiego poziomu, które odzwierciedlają obciążenie procesora w systemie.

W optymalizacji pod kątem zrównoważonego wykorzystania mocy obliczeniowej komputera interfejs API wykorzystuje odpowiednie dane sprzętowe, aby zapewnić użytkownikom wykorzystanie całej dostępnej mocy obliczeniowej, o ile system nie jest podatny na stres.

Za projektowaniem i wdrażaniem tego interfejsu API odpowiadała firma Intel, która umożliwia aplikacjom do rozmów wideo dynamiczne zrównoważenie funkcji i wydajności.

Przykłady i więcej informacji znajdziesz na stronie Compute Pressure API.

Interfejs Storage Access API (SAA) został rozszerzony do plików innych niż pliki cookie.

Interfejs Storage Access API to interfejs API JavaScript stworzony jako alternatywa dla plików cookie z różnych witryn, który w razie potrzeby umożliwia użytkownikowi wyświetlanie żądań dostępu do zasobów z innych witryn.

Ta wersja zawiera rozszerzenie umożliwiające korzystanie z interfejsu API poza plikami cookie. Dzięki niemu możesz uzyskać dostęp do niepartycjonowanych plików cookie i pamięci poza plikami cookie w kontekście zewnętrznym, na przykład w przypadku indexDB i localstorage. Poniżej znajduje się kod żądania dostępu do indexDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

I inne funkcje

Oczywiście, jest ich jeszcze więcej.

Dostępna jest wersja próbna origin interfejsów Device Posture API i Viewport Profiles Enumeration API. Te interfejsy API zostały opracowane, aby pomóc deweloperom kierować reklamy na urządzenia składane.
Dodano funkcje CSS round(), mod() i rem() z wartością krokową, dzięki czemu te funkcje stały się ponownie dostępne
Interfejs Shared Storage API obsługuje teraz uruchamianie workletów z innych domen bez konieczności tworzenia elementu iframe.

Przeczytaj pełne informacje o wersji.

Więcej informacji

Ta analiza obejmuje tylko niektóre najważniejsze kwestie. Poniżej znajdziesz informacje o dodatkowych zmianach w Chrome 125.

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 pojawi się Chrome 126, będę informować Cię o nowościach w Chrome.