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

Nowości w Chrome 125

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

Umieszczenie elementów w miejscu jest teraz łatwiejsze niż kiedykolwiek dzięki pozycjonowaniu za pomocą kotwic CSS.
Interfejs Compute Pressure API pomaga optymalizować dostępną moc obliczeniową.
Interfejs Storage Access API służy do przechowywania nie tylko plików cookie.
I to nie wszystko .

Nazywam się Adriana Jara. Zobacz, co nowego w Chrome 125 dla deweloperów.

Umieszczenie kotwicy w kodzie CSS.

Wyświetlanie elementu zakotwiczonego do innego elementu umożliwia tworzenie wzorów interfejsu, np. używanie wyskakującego okienka jako etykietki i dołączanie go do elementu, który je wywołuje.

Dzięki pozycjonowaniu za pomocą kotwicy w CSS możesz w sposób deklaratywny połączyć element z absolutnym pozycjonowaniem z jednym lub kilkoma elementami na stronie. Nie wymaga JavaScriptu i działa wydajnie, gdy kotwy można przewijać.

Funkcja pozycjonowania za pomocą kotwic składa się z dużej liczby właściwości CSS. Oto kilka najważniejszych właściwości:

anchor-name: powoduje, że element staje się kotwicą dla innych elementów.
position-anchor: określa „domyślną” kotwicę, której powinien używać zakotwiczony element do pozycjonowania kotwicy.
Funkcja anchor(): odnosi się do pozycji elementu kotwicy w umieszczaniu elementu kotwicy.
inset-area: skrót do pozycjonowania w przypadku typowych względnych pozycji.

Interfejs Compute Pressure API.

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

Podczas optymalizacji pod kątem zrównoważonego wykorzystania mocy komputera interfejs API korzysta z odpowiednich danych o sprzęcie, aby użytkownicy mogli korzystać z całej dostępnej mocy obliczeniowej, o ile system nie jest poddawany niekontrolowanemu obciążeniu.

Firma Intel kierowała pracami nad projektem i wdrożeniem tego interfejsu API, który pozwoli aplikacjom do rozmów wideo na dynamiczne dostosowanie funkcji i wydajności.

Aby uzyskać więcej informacji i przykłady, otwórz stronę Compute Pressure API.

Interfejs Storage Access API (SAA) został rozszerzony o przechowywanie danych innych niż pliki cookie.

Storage Access API to interfejs API JavaScript, który został stworzony jako alternatywa dla plików cookie między witrynami. Służy do ładowania zasobów między witrynami, a także do żądania od użytkownika pozwolenia na dostęp w razie potrzeby.

Ta wersja zawiera rozszerzenie umożliwiające korzystanie z interfejsu API poza plikami cookie. Dzięki temu rozszerzeniu możesz uzyskać dostęp do niepartycjonowanych plików cookie i innych metod przechowywania w kontekście aplikacji innych firm, np. do indexedDB i localstorage. Poniższy kod pokazuje przykład prośby o dostęp do IndexedDB.

// 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 znacznie więcej.

Dostępne jest testowanie origin interfejsu Device Posture API i interfejsu Viewport Segments Enumeration API. Te interfejsy API pomagają deweloperom tworzyć aplikacje na urządzenia składane.
Dodano funkcje wartości stopniowanych w CSS: round(), mod() i rem(), dzięki czemu te funkcje są dostępne jako nowe wartości domyślne.
Interfejs Shared Storage API obsługuje teraz uruchamianie workletów w różnych domenach bez konieczności tworzenia elementu iframe.

Przeczytaj pełne informacje o wersji

Więcej informacji

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

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ę nowa wersja Chrome 126, opowiem Ci, co nowego w Chrome.