Yang baru di Chrome 138

Rachel Andrew

Dipublikasikan: 24 Juni 2025

Chrome 138 diluncurkan sekarang, 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 mengembangkan API platform web dan fitur browser yang didesain untuk bekerja dengan model AI, model pakar, dan model bahasa besar (LLM), yang dibuat di browser. Hal ini mencakup Gemini Nano, versi paling efisien dari LLM keluarga Gemini, yang dirancang untuk dijalankan 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 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 dengan panjang dan format yang bervariasi, seperti kalimat, paragraf, daftar poin-poin, dan lainnya. Contoh:

  • Meringkas poin-poin penting dari sebuah 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 terkait tanda argumennya.

Selain itu, notasi fungsional progress() yang menampilkan nilai <number> yang merepresentasikan 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 elemen berdasarkan posisinya di antara elemen seinduknya, atau jumlah total elemen seinduknya.

Viewport Segments API

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

Cari tahu lebih lanjut di Mendukung perangkat foldable dengan Viewport Segments API.

Dan banyak lagi!

Tentu saja masih banyak lagi:

  • Jika < dan > ada 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 pengambilan data dan pra-rendering.
  • Kata kunci stretch untuk properti ukuran CSS (misalnya, width dan height) memungkinkan elemen bertambah besar untuk mengisi ruang yang tersedia di blok penampungnya.