Selamat datang di era web berikutnya dengan AI. Lihat bagaimana AI dapat memudahkan developer menciptakan pengalaman yang luar biasa di web.
Mulai Bergabung dengan program pratinjau

Gemini Nano di Chrome

Menata kembali apa yang mungkin dilakukan dengan Gemini Nano di Chrome.
Kami menghadirkan Gemini Nano, model ekosistem Gemini paling efisien, ke Chrome.
AI sisi klien menghadirkan model yang canggih kepada pengguna, sekaligus melindungi privasi data dan meningkatkan latensi.
Pelajari persyaratan untuk mulai mem-build fitur dan aplikasi dengan AI bawaan.
Tinjau API dan status ketersediaannya untuk digunakan dengan Gemini Nano di Chrome.

API AI bawaan

Ikuti uji coba origin dan mulai gunakan API ini dalam produksi.
Mulai
Menerjemahkan teks secara langsung di browser menggunakan model AI lokal. Kini, pengguna dapat berkontribusi dalam bahasa pertama mereka.
Identifikasi bahasa yang digunakan dalam teks tertentu dengan Language Detector API.
Buat berbagai jenis ringkasan dalam berbagai panjang dan format, seperti kalimat, paragraf, daftar poin, dan lainnya.
Temukan kemungkinan tak terbatas Prompt API di Ekstensi Chrome.

Build dengan AI

Selesaikan kasus penggunaan Anda.
Menggunakan AI generatif sisi server untuk mengevaluasi ulasan. Inferensi terjadi di server.
Pelajari solusi AI di perangkat untuk membantu pengguna menulis ulasan yang bermakna.
Dukung dukungan pelanggan global dengan Translator API.
Bantu aplikasi Anda diluncurkan lebih cepat dengan meng-cache model di perangkat.
Panduan ini memperkenalkan praktik terbaik untuk pengelolaan sesi dengan model bahasa.
Tingkatkan pengalaman penjelajahan dengan penyesuaian browser dan kontrol atas konten web. Buat ekstensi tingkat lanjut dengan AI.

Praktik terbaik

Bantu aplikasi Anda diluncurkan lebih cepat dengan meng-cache model di perangkat.
Pahami apa itu streaming dan cara kerjanya dengan AI dan LLM.
Gunakan praktik terbaik frontend ini untuk menampilkan respons yang di-streaming dari Gemini.
Gunakan halaman khusus internal Chrome untuk melihat detail proses debug pada perintah ke Gemini Nano.

Berita tentang AI dan Gemini Nano

Cara NRK menggunakan animasi berbasis scroll untuk menghidupkan cerita

Updated 26 Februari 2025

Pelajari cara animasi yang dipicu scroll dan yang didorong scroll meningkatkan kualitas artikel bercerita

Cara Spotify menggunakan Picture-in-Picture API untuk membangun Miniplayer Spotify

Updated 13 Mei 2024

Pelajari tentang transformasi Spotify Miniplayer dari "peretasan kanvas" menjadi pengalaman yang disempurnakan oleh Document Picture-in-Picture API.

Studi kasus kueri container

Updated 7 Mei 2024

Pelajari manfaat kueri container dari redBus dan Tokopedia.

Produktivitas developer

Mulai percakapan dengan Gemini di DevTools. Percakapan yang Anda mulai dari panel ini memiliki konteks tentang detail teknis halaman yang Anda periksa.
Gunakan panel bantuan AI untuk memahami keseluruhan tata letak situs, gaya elemen tertentu, dan mendapatkan perbaikan yang dibuat AI untuk bug CSS.
Lihat lima cara untuk mempermudah gaya visual halaman Anda, mulai dari memahami tata letak hingga memperbaiki pesawat.
Gunakan Konsol untuk melihat dan men-debug hasil AI di perangkat.

Pemenang Tantangan AI Bawaan

Temukan inspirasi untuk AI bawaan dengan pemenang Tantangan AI Bawaan.
Semua pemenang
Kotak penelusuran dinamis dan ringan yang memungkinkan Anda membuat, mengubah, dan menghapus perintah untuk tugas kecil sehari-hari.
Dapatkan inspirasi
Sesuaikan konten web untuk mendukung pengguna dengan disabilitas membaca, ADHD, dan disleksia.
Dapatkan inspirasi
Menambahkan bantuan AI ke editor blok WordPress.
Dapatkan inspirasi

GPU Web

Dukung upaya AI Anda dengan WebGPU, API grafis web yang menawarkan akses ke fitur GPU yang lebih canggih.
Temukan update terbaru pada WebGPU di Chrome.
Baca dokumen
Temukan WebGPU di Chrome dan dapatkan dukungan terbaik untuk komputasi umum di GPU.
Baca dokumen
Pelajari cara mengakses GPU dengan WebGPU.
Baca dokumen
Pelajari cara menguji model AI berbasis browser sisi klien di lingkungan browser yang sebenarnya.
Baca dokumen
Pelajari penyebab WebGPU mungkin tidak dapat dioperasikan atau tidak berfungsi seperti yang diharapkan di Chrome, serta cara memperbaikinya.
Baca dokumen
Temukan referensi API di MDN.
Kunjungi MDN

WebAssembly

Aktifkan aplikasi berperforma tinggi di halaman web dengan Chrome
Pelajari peningkatan WebAssembly untuk tugas-tugas yang biasa digunakan dalam inferensi AI.
Baca dokumen
Pelajari backend WASM backend TensorFlow.js Wasm dan cara menggunakan library XNNPACK untuk penerapan operator jaringan neural yang dioptimalkan.
Baca dokumen
Pelajari cara menerapkan Web Runtime ONNX di lingkungan produksi dan file biner WebAssembly mana yang perlu disertakan dalam aplikasi.
Baca dokumen

Memperkenalkan AI web

web.dev
Memahami dasar-dasar dan definisi berbagai teknologi baru, yang sering disebut sebagai AI.
Baca dokumen
web.dev
Sebagai praktisi web, kita harus membuat teknologi baru dengan penuh pertimbangan dan penuh tanggung jawab.
Baca dokumen
web.dev
Temukan teknik untuk menggunakan AI sisi klien, yang menawarkan manfaat seperti latensi rendah, pengurangan biaya sisi server, peningkatan privasi pengguna, dan lainnya.
Baca dokumen