Berikut hal yang perlu Anda ketahui:
- Elemen anchor menjadi lebih mudah dari sebelumnya dengan Pemosisian Anchor CSS.
- Compute Pressure API membantu mengoptimalkan daya komputer yang tersedia.
- Storage Access API diperluas agar lebih dari sekadar penyimpanan cookie.
- Dan masih banyak lagi.
Saya Adriana Jara. Mari selami dan lihat hal-hal 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 secara deklaratif. Kode ini tidak memerlukan JavaScript dan berfungsi secara optimal saat anchor dapat di-scroll.
Fitur pemosisian anchor terdiri dari sejumlah besar properti CSS. Beberapa properti utamanya adalah sebagai berikut:
anchor-name
: Menyiapkan elemen agar menjadi anchor bagi elemen lain.position-anchor
: Menjelaskan anchor "default" yang harus digunakan elemen anchor untuk pemosisian anchor.- Fungsi
anchor()
: Mengacu pada posisi elemen anchor, dalam memosisikan elemen anchor. inset-area
: Singkatan untuk pemosisian, untuk posisi relatif umum.
Komputasi Pressure API.
Compute Pressure API menawarkan status level tinggi yang mewakili beban CPU pada sistem.
Saat mengoptimalkan penggunaan daya komputer yang seimbang, API menggunakan metrik hardware dasar yang tepat untuk memastikan pengguna dapat memanfaatkan semua daya pemrosesan yang tersedia selama sistem tidak mengalami tekanan yang tidak terkendali.
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) yang diperluas ke penyimpanan non-cookie.
Storage Access API adalah JavaScript API yang dibuat sebagai alternatif cookie lintas situs, untuk penyematan yang bergantung pada pemuatan resource lintas situs, untuk meminta izin akses dari pengguna, sesuai kebutuhan.
Versi ini menyertakan ekstensi untuk menggunakan API di luar cookie. Dengan ekstensi tersebut, Anda dapat mengakses cookie yang tidak dipartisi dan penyimpanan non-cookie dalam konteks pihak ketiga, misalnya untuk indexedDB dan localstorage. Kode berikut menunjukkan 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 lainnya.
Tentu saja masih banyak lagi.
Ada uji coba origin untuk Device Posture API dan Viewport Segment Enumeration API. API ini didesain untuk membantu developer menargetkan perangkat foldable.
Fungsi nilai bertahap CSS
round()
,mod()
, danrem()
telah ditambahkan, sehingga fitur ini menjadi Baseline Baru TersediaShared Storage API kini mendukung pengoperasian worklet lintas origin tanpa harus membuat iframe.
Bacaan lebih lanjut
Bagian ini hanya mencakup beberapa sorotan utama. Periksa link berikut untuk melihat 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 terus mengikuti info terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.
Halo Adriana Jara, dan segera setelah Chrome 126 dirilis, saya akan langsung memberitahukan fitur-fitur baru di Chrome!