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 zakotwiczonych elementów CSS.
Interfejs Compute Pressure API pomaga zoptymalizować dostępną moc komputera.
Interfejs Storage Access API obejmuje nie tylko przechowywanie plików cookie.
A to nie koniec.

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

Pozycjonowanie zakotwiczonych elementów CSS.

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

Pozycjonowanie zakotwiczonych arkuszy CSS umożliwia powiązanie bezwzględnie umieszczonego elementu na stronie z jednym lub większą liczbą elementów na stronie w sposób deklaratywny. Nie wymaga JavaScriptu i działa wydajnie, gdy reklamy zakotwiczone można przewijać.

Funkcja pozycjonowania kotwicy składa się z dużej liczby właściwości CSS. O do najważniejszych właściwości należą:

anchor-name: konfiguruje element jako kotwicę innych elementów.
position-anchor: opisuje wartość domyślną; zakotwiczony element do pozycjonowania zakotwiczenia.
Funkcja anchor(): odnosi się do pozycji reklamy zakotwiczonej podczas określania pozycji zakotwiczonego elementu.
inset-area: skrót do pozycjonowania oznaczający typowe pozycje względne.

Interfejs Compute Pressure API

Compute Pressure API oferuje stany wysokiego poziomu, które reprezentują obciążenie procesora w systemie.

Podczas optymalizacji pod kątem zrównoważonego wykorzystania mocy komputera interfejs API wykorzystuje odpowiednie podstawowe wskaźniki sprzętowe, aby zapewnić użytkownikom pełną moc obliczeniową, o ile system nie jest nadwyrężany.

Firma Intel kierowała pracami związanymi z projektowaniem i wdrażaniem tego interfejsu API, co pozwoli aplikacjom do rozmów wideo dynamicznie równoważyć funkcje i wydajność.

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

Interfejs Storage Access API (SAA) rozszerzono o przechowywanie plików innych niż pliki cookie.

Storage Access API to interfejs JavaScript API, który został utworzony jako alternatywa dla plików cookie z innych witryn na potrzeby umieszczenia elementów, które wymagają wczytywania zasobów z różnych witryn, i w razie potrzeby 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. Rozszerzenie da Ci dostęp do bezpartycjonowanych plików cookie i pamięci innych niż pliki cookie w kontekście rozwiązań zewnętrznych, na przykład w przypadku indeksowania i pamięci lokalnej. 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ępna jest wersja próbna origin Device Posture API i Viewport Segments Enumeration API. Te interfejsy API zostały opracowane, aby pomóc deweloperom w kierowaniu reklam na urządzenia składane.
Dodano funkcje CSS schodkowe round(), mod() oraz rem(), dzięki czemu te funkcje są teraz dostępne jako punkt odniesienia
Interfejs 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. Sprawdź te linki: dodatkowych zmian w Chrome 125.

Aby być na bieżąco, zasubskrybuj Kanał Chrome Developers w YouTube, a gdy będziemy mogli opublikować nowy film, otrzymasz e-maila z powiadomieniem.

Cześć Adrianę Jara. Gdy tylko Chrome 126 się ukaże, od razu powiem, co nowego w tej przeglądarce.