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 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()
orazrem()
, dzięki czemu te funkcje są teraz dostępne jako punkt odniesieniaInterfejs 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.
- Nowości w Narzędziach deweloperskich w Chrome (125)
- Aktualizacje ChromeStatus.com w przypadku Chrome 125
- Lista zmian w repozytorium źródłowym Chromium
- Kalendarz wersji Chrome
Subskrybuj
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.