ค้นหาและสร้างโซลูชัน AI สำหรับเว็บไซต์และเว็บแอปพลิเคชันของคุณ
ค้นพบ API ที่สร้างขึ้นในเบราว์เซอร์ซึ่งทำงานตามภารกิจต่างๆ โดยใช้โมเดลภายในเครื่อง
สร้างเครื่องมือ WebMCP เพื่อให้เว็บไซต์สามารถรองรับการทำงานที่เชื่อถือได้ของเอเจนต์ AI
ปรับปรุงประสิทธิภาพการประมวลผลและโมเดลด้วย Wasm, WebGPU และ WebNN
หลักสูตร

การประเมิน (หรือ evals) คือการทดสอบฟีเจอร์ AI เมื่อคุณสร้างไปป์ไลน์ evals ที่มีประสิทธิภาพ ฟีเจอร์ที่อิงตาม LLM จะทำงานได้ดีสำหรับผู้ใช้ จากนั้นคุณจะเปิดตัวฟีเจอร์ได้อย่างมั่นใจ

ในหลักสูตรนี้ คุณจะได้เรียนรู้เกี่ยวกับรูปแบบ LLM-as-a-judge เพื่อวัดคุณภาพเชิงอัตวิสัย สร้างผู้ตัดสินด้วยการตั้งค่าที่น้อยที่สุด และค้นพบเทคนิคขั้นสูงในการพัฒนาผู้ตัดสินที่กำหนดเองซึ่งคิดเหมือนผู้เชี่ยวชาญระดับสูง คุณจะเรียกใช้ evals ในเวลาบิลด์และในเวอร์ชันที่ใช้งานจริงเพื่อให้ตรวจพบการถดถอยได้ตั้งแต่เนิ่นๆ

เริ่มเรียนรู้

ทำการอนุมานในเครื่องของคุณเอง ในเบราว์เซอร์

สร้างฟีเจอร์ต่างๆ บนเว็บโดยใช้ AI รวมถึงโมเดลพื้นฐานและโมเดลผู้เชี่ยวชาญที่ฝังอยู่ในเบราว์เซอร์
สำรวจ AI ในตัว
ดูข้อกําหนดในการเริ่มสร้างฟีเจอร์และแอปพลิเคชันด้วย AI ในตัว
ตรวจสอบ API และสถานะความพร้อมใช้งานเพื่อใช้กับ AI ในตัวของ Chrome
ใช้ polyfill ของ AI task API ที่มีอยู่แล้วเพื่อสร้างฟีเจอร์ AI โดยไม่ต้องกังวลเรื่องการรองรับของเบราว์เซอร์
เรียนรู้แนวทางปฏิบัติที่ดีที่สุดสำหรับการสร้างแอปพลิเคชันโดยใช้ AI ในตัวของ Chrome
เรียนรู้วิธีการแคชโมเดลในเบราว์เซอร์เพื่อการประมวลผลที่รวดเร็วยิ่งขึ้น
ก่อนที่จะใช้งาน API ใดๆ จำเป็นต้องดาวน์โหลดโมเดลพื้นฐานก่อน ควรแจ้งให้ผู้ใช้ทราบเสมอเกี่ยวกับระยะเวลาที่ใช้ในการดาวน์โหลดเหล่านี้

การโทรหาตัวแทนที่เสถียรด้วย WebMCP

WebMCP มีเป้าหมายที่จะมอบวิธีมาตรฐานในการแสดงเครื่องมือที่มีโครงสร้าง เพื่อให้ AI Agent ดำเนินการในเว็บไซต์ของคุณได้ด้วยความเร็ว ความน่าเชื่อถือ และความแม่นยำที่เพิ่มขึ้น
เริ่มใช้งาน
ขั้นตอนที่ 1

เว็บไซต์ของคุณประกาศการดำเนินการที่ตัวแทนทำได้ในฐานะเครื่องมือ WebMCP เครื่องมือแต่ละรายการมีชื่อ คำอธิบาย และ JSON Schema

// 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);
  }
});
ขั้นตอนที่ 2

เบราว์เซอร์จะรวบรวมและแสดงเครื่องมือเหล่านี้ให้กับเอเจนต์ที่รับรู้ถึง WebMCP ของผู้ใช้ พร้อมกับ URL, ชื่อ และขอบเขตสิทธิ์ของต้นทางของหน้าเว็บ

เว็บไซต์จะสื่อสารกับเบราว์เซอร์ ซึ่งจะแปลให้ตัวแทน
ขั้นตอนที่ 3

เอเจนต์จะเห็นสัญญา ป้อนอาร์กิวเมนต์ที่มีโครงสร้าง และโค้ดของคุณจะจัดการส่วนที่เหลือ ผู้ใช้จะได้รับการแจ้งเตือนเพื่อขอสิทธิ์และการยืนยัน ไม่ต้องเดาอีกต่อไป

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}
กรณีที่ควรใช้ WebMCP สร้างเครื่องมือที่มีประสิทธิภาพ

ปรับปรุงประสิทธิภาพการคำนวณและโมเดล

ดูข้อมูลเพิ่มเติม

ดูข้อมูลเกี่ยวกับการปรับปรุง WebAssembly สำหรับงานที่ใช้กันโดยทั่วไปในการอนุมาน AI

อ่านเอกสาร สถานะของ Chrome

สำรวจ WebGPU ใน Chrome และรับการสนับสนุนระดับเฟิร์สคลาสสำหรับการคำนวณทั่วไปใน GPU

อ่านภาพรวม สถานะของ Chrome

ใช้ WebNN API เพื่อดำเนินการแมชชีนเลิร์นนิงในเบราว์เซอร์

อ่านข้อกำหนด สถานะของ Chrome
หลักสูตร

ไม่ว่าจะเป็นไปตามข้อกำหนดของบริษัทหรือความกระตือรือร้น การใช้ AI เพื่อประโยชน์ของ AI เองนั้นไม่มีประโยชน์ ฟีเจอร์ที่ดีที่สุดเกิดจากความต้องการของผู้ใช้และวัดผลได้จากคุณค่าที่ฟีเจอร์นั้นมอบให้

ในหลักสูตรนี้ คุณจะได้เรียนรู้วิธีคิดเกี่ยวกับการสร้างเว็บแอปพลิเคชันด้วยระบบ AI ที่มีความรับผิดชอบ ใช้งานได้ และมีคุณค่า เพื่อให้แอปพลิเคชันของคุณเป็นไปตามสัญญาของเทคโนโลยี

เริ่มเรียนรู้

ความช่วยเหลือในการเขียนโค้ด

ดาวน์โหลดทักษะสำหรับเอเจนต์การเขียนโค้ด AI ของคุณ เพื่อชี้นำการสร้างประสบการณ์ที่ทันสมัยและมีประสิทธิภาพยิ่งขึ้น
แชทกับ Gemini ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ การสนทนาที่คุณเริ่มจากแผงนี้มีบริบทเกี่ยวกับรายละเอียดทางเทคนิคของหน้าเว็บที่คุณกําลังตรวจสอบ
ใช้คอนโซลเพื่อดูและแก้ไขข้อบกพร่องของผลลัพธ์ของ AI ในอุปกรณ์

พบกับทีมงาน

ทีมงาน Web Developer Relations ของ Chrome และ PM ของ AI ในตัวพร้อมให้คุณพูดคุยเกี่ยวกับเว็บและ AI ตั้งแต่ AI ในตัวไปจนถึง WebMCP เรามีทีมงานในเอเชีย ยุโรป และอเมริกา

พบกับทีมงาน

ข่าว AI และ Gemini Nano

ขอแนะนํา AI บนเว็บ

web.dev
ทำความเข้าใจพื้นฐานและคำจำกัดความของเทคโนโลยีใหม่ๆ ที่เกิดขึ้นใหม่ ซึ่งมักเรียกว่า AI
อ่านเอกสาร
web.dev
ในฐานะผู้ปฏิบัติงานด้านเว็บ เราจำเป็นต้องสร้างเทคโนโลยีใหม่อย่างรอบคอบและมีความรับผิดชอบ
อ่านเอกสาร
web.dev
ดูเทคนิคในการใช้ AI ฝั่งไคลเอ็นต์ ซึ่งให้ประโยชน์ต่างๆ เช่น เวลาในการตอบสนองต่ำ ค่าใช้จ่ายฝั่งเซิร์ฟเวอร์ลดลง ความเป็นส่วนตัวของผู้ใช้เพิ่มขึ้น และอื่นๆ
อ่านเอกสาร