Halaman ini diterjemahkan oleh Cloud Translation API.

Baru di Chrome 125

Adriana Jara

Berikut hal yang perlu Anda ketahui:

Dengan CSS Anchor Positioning, Anda dapat melakukan penautan elemen dengan lebih mudah.
Compute Pressure API membantu mengoptimalkan daya komputer yang tersedia.
Storage Access API diperluas untuk lebih dari penyimpanan cookie.
Dan masih banyak lainnya.

Saya Adriana Jara. Mari kita lihat apa saja yang baru untuk developer di Chrome 125.

CSS Anchor Positioning.

Menampilkan elemen yang ditautkan ke elemen lain memungkinkan Anda membuat pola UI seperti menggunakan popover sebagai tooltip dan melampirkannya ke elemen yang memanggilnya.

Dengan Pemosisi Anchor CSS, Anda dapat mengikat elemen yang diposisikan secara mutlak ke satu atau beberapa elemen di halaman dengan cara deklaratif. Fungsi ini tidak memerlukan JavaScript dan berfungsi dengan performa tinggi saat anchor dapat di-scroll.

Fitur penentuan posisi anchor terdiri dari sejumlah besar properti CSS. Beberapa properti utamanya adalah sebagai berikut:

anchor-name: Menyiapkan elemen untuk menjadi anchor bagi elemen lain.
position-anchor: Menjelaskan anchor "default" yang harus digunakan elemen yang terikat untuk pemosisian anchor.
Fungsi anchor(): Mengacu pada posisi elemen anchor, dalam memosisikan elemen yang ditautkan.
inset-area: Singkatan untuk pemosisian, untuk posisi relatif 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 hardware yang mendasarinya dengan benar 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.

Kunjungi Compute Pressure API untuk mengetahui contoh dan informasi selengkapnya.

Storage Access API (SAA) diperluas ke penyimpanan non-cookie.

Storage Access API adalah API JavaScript yang dibuat sebagai alternatif untuk 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 ini, Anda dapat mengakses cookie dan penyimpanan non-cookie tanpa partisi 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 banyak lagi!

Tentu saja masih banyak lagi.

Ada uji coba origin untuk Device Posture API dan Viewport Segments Enumeration API. API ini dirancang untuk membantu developer menargetkan perangkat foldable.
Fungsi nilai bertahap CSS round(), mod(), dan rem() telah ditambahkan, sehingga fitur ini menjadi Dasar Pengukuran yang Baru Tersedia
Shared Storage API kini mendukung pengoperasian worklet lintas origin tanpa harus membuat iframe.

Baca catatan rilis lengkap.

Bacaan lebih lanjut

Bagian ini hanya mencakup beberapa sorotan utama. Periksa link berikut untuk mengetahui perubahan tambahan di Chrome 125.

Untuk terus mendapatkan info terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

Yo soy Adriana Jara, dan segera setelah Chrome 126 dirilis, saya akan segera memberi tahu Anda tentang yang baru di Chrome.