Dipublikasikan: 24 Juni 2025
Chrome 138 kini diluncurkan, dan postingan ini membagikan beberapa fitur utama dari rilis tersebut. Baca catatan rilis Chrome 138 lengkap.
Sorotan dari rilis ini:
- Gunakan AI API bawaan baru untuk meringkas, menerjemahkan, atau mendeteksi bahasa teks.
- Lihat beberapa fungsi CSS baru.
- Sesuaikan tata letak web Anda untuk menargetkan perangkat foldable dengan Viewport Segments API.
API Penerjemah, Pendeteksi Bahasa, dan Perangkum
Chrome mengembangkan API platform web dan fitur browser yang dirancang untuk bekerja dengan model AI, model ahli, dan model bahasa besar (LLM), yang dibuat di browser. Dengan AI bawaan, situs atau aplikasi web Anda dapat melakukan tugas yang didukung AI, tanpa perlu men-deploy, mengelola, atau menghosting sendiri model AI.
Mulai Chrome 138, Anda dapat menambahkan kemampuan terjemahan ke aplikasi web dengan Translator API. Hal ini dapat memungkinkan pengguna berkontribusi dalam bahasa pertama mereka. Misalnya, saat berpartisipasi dalam chat dukungan, situs Anda dapat menerjemahkan konten mereka ke dalam bahasa yang digunakan oleh agen dukungan Anda, sebelum konten tersebut keluar dari perangkat pengguna. Hal ini menciptakan pengalaman yang lancar, cepat, dan inklusif bagi semua pengguna.
Translator API dapat bekerja bersama Language Detector API untuk mengaktifkan deteksi bahasa di perangkat pengguna sendiri, sehingga memberikan privasi yang lebih baik daripada solusi alternatif yang memerlukan upload ke server cloud.
Summarizer API dapat digunakan untuk membuat berbagai jenis ringkasan dalam berbagai panjang dan format, seperti kalimat, paragraf, daftar poin-poin, dan lainnya. Contoh:
- Meringkas poin-poin utama artikel atau percakapan chat.
- Menyarankan judul dan heading untuk artikel.
- Membuat ringkasan yang ringkas dan informatif dari teks yang panjang.
- Membuat teaser untuk buku berdasarkan ulasan buku.
Fungsi CSS
Fungsi CSS yang disertakan dalam Chrome 138 mencakup fungsi terkait tanda abs() dan sign(), yang menghitung berbagai fungsi yang terkait dengan tanda argumennya.
Selain itu, notasi fungsional progress() yang menampilkan nilai <number> yang mewakili
posisi satu perhitungan (nilai progres) antara dua perhitungan lainnya
(nilai awal progres dan nilai akhir progres).
Terakhir, fungsi sibling-index() dan sibling-count() dapat digunakan sebagai bilangan bulat dalam nilai properti CSS untuk menata gaya elemen berdasarkan posisinya di antara elemen saudara, atau jumlah total elemen saudara.
Viewport Segments API
Viewport Segments API memungkinkan Anda menargetkan perangkat foldable. Segmen viewport dibuat saat viewport dibagi oleh satu atau beberapa fitur hardware (seperti lipatan atau engsel antara tampilan terpisah) yang bertindak sebagai pembagi.
Pelajari lebih lanjut di Mendukung perangkat foldable dengan Viewport Segments API.
Dan banyak lagi!
Tentu saja ada banyak hal lainnya:
- Jika
<dan>berada dalam nilai atribut, keduanya kini di-escape pada serialisasi. - Dua nilai baru—
"prefetchCache"dan"prerenderCache"— untuk headerClear-Site-Datamemungkinkan Anda menargetkan penghapusan cache pramuat dan pramuat. - Kata kunci
stretchuntuk properti ukuran CSS (misalnya,widthdanheight) memungkinkan elemen berkembang untuk mengisi ruang yang tersedia di blok penampungnya.