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.