Yang baru di Chrome 138

Rachel Andrew

Dipublikasikan: 24 Juni 2025

Chrome 138 kini diluncurkan, dan postingan ini membagikan beberapa fitur utama dari rilis tersebut. Baca catatan rilis Chrome 138 selengkapnya.

Sorotan dari rilis ini:

Translator API, Language Detector API, dan Summarizer API

Chrome sedang mengembangkan API platform web dan fitur browser yang dirancang untuk berfungsi dengan model AI, model pakar, dan model bahasa besar (LLM), yang dibuat di browser. Ini termasuk Gemini Nano, versi paling efisien dari keluarga LLM Gemini, yang dirancang untuk berjalan secara lokal di sebagian besar komputer desktop dan laptop modern. 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 memungkinkan pengguna berkontribusi dalam bahasa pertama mereka. Misalnya, saat berpartisipasi dalam chat dukungan, situs Anda dapat menerjemahkan kontennya ke dalam bahasa yang digunakan 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 berfungsi 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, dan lainnya. Contoh:

  • Meringkas poin-poin penting dari artikel atau percakapan chat.
  • Menyarankan judul dan judul utama untuk artikel.
  • Membuat ringkasan singkat 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 penghitungan (nilai progres) di antara dua penghitungan 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 saudaranya, atau jumlah total saudara.

Viewport Segments API

Viewport Segments API memungkinkan Anda menargetkan perangkat foldable. Segmen area pandang dibuat saat area pandang dibagi oleh satu atau beberapa fitur hardware (seperti lipatan atau engsel di antara layar terpisah) yang berfungsi sebagai pembagi.

Cari tahu selengkapnya di Mendukung perangkat foldable dengan Viewport Segments API.

Dan banyak lagi!

Tentu saja masih banyak lagi:

  • Jika < dan > berada dalam nilai atribut, keduanya kini di-escape saat serialisasi.
  • Dua nilai baru—"prefetchCache" dan "prerenderCache"— untuk header Clear-Site-Data memungkinkan Anda menargetkan penghapusan cache pra-rendering dan pramuat.
  • Kata kunci stretch untuk properti ukuran CSS (misalnya, width dan height) memungkinkan elemen berkembang untuk mengisi ruang yang tersedia di blok penampung dengan tepat.