Buat fitur yang didukung AI di web.
Bergabung dengan program pratinjau awal

AI bawaan

Dengan AI bawaan, browser Anda menyediakan dan mengelola model dasar dan pakar.
Temukan cara situs dan aplikasi web Anda dapat melakukan tugas AI dengan model dan API AI yang dikelola browser.
Pelajari persyaratan untuk mulai mem-build fitur dan aplikasi dengan AI bawaan.
Tinjau API dan status ketersediaannya untuk digunakan dengan AI bawaan di Chrome.
KURSUS

Evaluasi (atau evals) adalah pengujian untuk fitur AI Anda. Saat Anda membuat pipeline evaluasi yang andal, fitur berbasis LLM akan berfungsi dengan baik untuk pengguna. Kemudian, Anda dapat mengirimkan fitur dengan percaya diri.

Mulai pelajari

Panggilan agen yang andal dengan WebMCP

WebMCP bertujuan untuk menyediakan cara standar dalam mengekspos alat terstruktur, sehingga agen AI dapat melakukan tindakan di situs Anda dengan kecepatan, keandalan, dan presisi yang lebih tinggi.
Mulai
Langkah 1

Situs Anda menyatakan tindakan yang dapat dilakukan agen, sebagai alat WebMCP. Setiap alat memiliki nama, deskripsi, dan skema JSON.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
Langkah 2

Browser mengumpulkan dan menampilkan alat ini ke agen yang mendukung WebMCP milik pengguna, bersama dengan URL, judul, dan cakupan izin asal halaman.

Situs Anda berkomunikasi dengan browser, yang menerjemahkan untuk agen.
Langkah 3

Agen melihat kontrak, memberikan argumen terstruktur, dan kode Anda melakukan sisanya. Pengguna akan terus mendapatkan informasi terkait izin dan konfirmasi. Selalu tahu siapa yang datang.

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

Mempercepat AI di web

Meningkatkan performa komputasi dan model dengan Wasm, WebGPU, dan WebNN.
Pelajari lebih lanjut

Pelajari peningkatan kualitas WebAssembly untuk tugas yang umum digunakan dalam inferensi AI.

Baca dokumen Status Chrome

Temukan WebGPU di Chrome dan dapatkan dukungan kelas satu untuk komputasi umum di GPU.

Baca ringkasannya Status Chrome

Gunakan WebNN API untuk melakukan operasi machine learning di browser.

Baca spesifikasinya Status Chrome
KURSUS

Baik didorong oleh perintah perusahaan maupun antusiasme, AI demi AI tidaklah bermanfaat. Fitur terbaik berasal dari kebutuhan pengguna dan diukur berdasarkan nilai yang diberikannya.

Dalam kursus ini, Anda akan mempelajari cara berpikir tentang membangun aplikasi web dengan sistem AI yang bertanggung jawab, dapat digunakan, dan berharga, sehingga aplikasi Anda memenuhi janji teknologi.

Mulai pelajari

Alat browser AI

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.

Berita tentang AI dan Gemini Nano

Manfaatkan kecanggihan Gemini Nano di Chrome dengan API AI bawaan kami.
Pelajari cara menggunakan halaman landing API AI bawaan di Chrome, untuk memungkinkan aplikasi web Anda menerjemahkan, meringkas, menulis, dan menulis ulang konten untuk pengguna. Kita akan membahas cara mem-build beban kerja campuran, dan melihat masa depan AI bawaan di browser.
Menemukan AI API
Anda dapat membuat AI sisi klien dan cloud untuk mengoptimalkan web dan browser sesuai kebutuhan Anda dan kebutuhan pelanggan.
Ekstensi Chrome dengan AI
Dengan library seperti MediaPipe, LiteRT, dan Transformers.js, serta Web API canggih seperti WebAssembly dan WebGPU, Anda dapat membuat pengalaman yang luar biasa yang didukung AI.
Baca rekapnya

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