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

Nowości w Chrome 125

Adriana Jara

Oto, co musisz wiedzieć na ten temat:

Dzięki pozycjonowaniu zakotwiczonych elementów CSS zakotwiczenie elementów jest łatwiejsze niż kiedykolwiek wcześniej.
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. Zobaczmy, co nowego dla deweloperów w Chrome 125.

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 narzędzia i dołączanie go do elementu, który je wywołuje.

Dzięki pozycjonowaniu za pomocą kotwicy w kodzie CSS możesz w sposób deklaratywny powiązać element z co najmniej jednym elementem 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.

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

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

Storage Access API to interfejs API JavaScript stworzony jako alternatywa dla plików cookie między witrynami. Służy do ładowania zasobów w różnych witrynach, a także do prośby o pozwolenie na dostęp do zasobów od użytkownika 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 niż pliki cookie metod przechowywania w kontekście zewnętrznym, na przykład do indexedDB i localstorage. Poniżej znajduje się przykład żą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 istnieje też znacznie więcej możliwości.

Dostępne jest testowanie origin interfejsu Device Posture API i interfejsu Viewport Segments Enumeration API. Te interfejsy API mają ułatwiać deweloperom tworzenie aplikacji 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.
Shared Storage API obsługuje teraz uruchamianie workletów z różnych domen bez konieczności tworzenia elementu iframe.

Przeczytaj pełne informacje o wersji

Więcej informacji

To tylko niektóre z najważniejszych informacji. 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.