Oto, co musisz wiedzieć na ten temat:
- Dzięki pozycjonowaniu kotwicy CSS kotwiczenie 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. Zobacz, co nowego w Chrome 125 dla deweloperów.
Umieszczanie kotwicy w usłudze porównywania cen.
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 CSS możesz w sposób deklaratywny powiązać element z absolutnym pozycjonowaniem z jednym lub wieloma elementami na stronie. Nie wymaga JavaScriptu i działa wydajnie, gdy kotwy można przewijać.
Funkcja pozycjonowania kotwicy 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, odwiedź stronę Compute Pressure API.
Interfejs Storage Access API (SAA) został rozszerzony o miejsce na dane inne 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 ramach interfejsu Storage Access API, aby w razie potrzeby prosić użytkownika o pozwolenie na dostęp.
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 miejsca na dane bez plików cookie w kontekście aplikacji innych firm, na przykład do indexedDB i localstorage. Poniższy kod pokazuje przykład żądania dostępu 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 wiele więcej!
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 mają ułatwiać programistom tworzenie aplikacji na urządzenia składane.
Dodano funkcje wartości stopniowanych CSS
round(),mod()irem(), dzięki czemu te funkcje są dostępne jako nowe wartości domyślneInterfejs 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.
- Nowości w Narzędziach deweloperskich w Chrome (125)
- Aktualizacje ChromeStatus.com dotyczące Chrome 125
- Lista zmian w repozytorium kodu źródłowego Chromium
- Kalendarz wydań Chrome
Subskrybuj
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.