Berikut hal yang perlu Anda ketahui:
- Elemen anchor kini semakin mudah dengan Pemosisian Anchor CSS.
- Compute Pressure API membantu mengoptimalkan daya komputer yang tersedia.
- Storage Access API diperluas untuk lebih dari sekadar penyimpanan cookie.
- Dan masih banyak lagi.
Saya Adriana Jara. Mari kita pelajari lebih lanjut dan lihat apa yang baru untuk developer di Chrome 125.
Pemosisian Anchor CSS.
Menampilkan elemen yang ditambatkan ke elemen lain memungkinkan Anda membuat pola UI seperti menggunakan popover sebagai tooltip dan melampirkannya ke elemen yang memanggilnya.
Dengan Pemosisian Anchor CSS, Anda dapat melakukan tethering elemen yang benar-benar diposisikan ke satu atau beberapa elemen di halaman dengan cara yang deklaratif. Anchor ini tidak memerlukan JavaScript dan berfungsi dengan baik saat anchor dapat di-scroll.
Fitur pemosisian anchor terdiri dari sejumlah besar properti CSS. J beberapa properti utama adalah sebagai berikut:
anchor-name
: Menyiapkan elemen yang akan menjadi anchor bagi elemen lain.position-anchor
: Menjelaskan "default" menunjukkan bahwa elemen anchor yang harus digunakan untuk penempatan anchor.- Fungsi
anchor()
: Mengacu pada posisi anchor , dalam memosisikan elemen yang ditambatkan. inset-area
: Singkatan untuk pemosisian, untuk posisi relatif yang umum.
Compute Pressure API.
Compute Pressure API menawarkan status tingkat tinggi yang mewakili beban CPU pada sistem.
Saat mengoptimalkan penggunaan daya komputer yang seimbang, API menggunakan metrik perangkat keras dasar yang tepat untuk memastikan bahwa pengguna dapat memanfaatkan semua daya pemrosesan yang tersedia selama sistem tidak mengalami tekanan yang tidak dapat dikelola.
Intel memimpin pekerjaan desain dan implementasi untuk API ini, yang akan memungkinkan aplikasi konferensi video menyeimbangkan fitur dan performa secara dinamis.
Buka Compute Pressure API untuk mengetahui contoh dan informasi selengkapnya.
Storage Access API (SAA) diperluas ke penyimpanan non-cookie.
Storage Access API adalah JavaScript API yang dibuat sebagai alternatif untuk cookie lintas situs, untuk penyematan yang bergantung pada pemuatan resource lintas situs, guna meminta izin akses dari pengguna, sesuai kebutuhan.
Versi ini menyertakan ekstensi untuk menggunakan API di luar cookie. Dengan ekstensi tersebut, Anda dapat mengakses penyimpanan non-cookie dan cookie yang tidak dipartisi dalam konteks pihak ketiga, misalnya untuk indexedDB dan localstorage. Kode berikut menampilkan contoh untuk meminta akses ke 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");
Dan banyak lagi!
Tentu saja masih banyak lagi.
Ada uji coba origin untuk Device Posture API dan Viewport Segment Enumeration API. API ini dirancang untuk membantu developer menargetkan perangkat foldable.
Fungsi nilai bertahap CSS
round()
,mod()
, danrem()
telah ditambahkan, sehingga menjadikan fitur-fitur ini sebagai Dasar yang Baru TersediaShared Storage API kini mendukung pengoperasian worklet lintas origin tanpa harus membuat iframe.
Bacaan lebih lanjut
Artikel ini hanya mencakup beberapa sorotan utama. Periksa tautan berikut untuk perubahan tambahan di Chrome 125.
- Yang baru di Chrome DevTools (125)
- Update ChromeStatus.com untuk Chrome 125
- Daftar perubahan repositori sumber Chromium
- Kalender rilis Chrome
Langganan
Untuk mendapatkan info terbaru, berlangganan Channel YouTube Developer Chrome, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.
Halo Adriana Jara, dan segera setelah Chrome 126 dirilis, saya akan ada di sini untuk memberi tahu Anda apa saja yang baru di Chrome!