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

AI ในตัว

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

เจาะลึก API

เข้าร่วมการทดลองใช้จากต้นทางและเริ่มใช้ API เหล่านี้ในเวอร์ชันที่ใช้งานจริง
ปรับปรุงความสามารถในการอ่านและไวยากรณ์ของเนื้อหา
สร้างเนื้อหาใหม่ที่สอดคล้องกับงานเขียนที่ระบุ
ปรับแต่งข้อความที่มีอยู่โดยทำให้ยาวขึ้นหรือสั้นลง หรือเปลี่ยนน้ำเสียง
แปลข้อความแบบสดในเบราว์เซอร์โดยใช้โมเดล AI ในเครื่อง ช่วยให้ผู้ใช้มีส่วนร่วมในภาษาแม่
ระบุภาษาที่ใช้ในข้อความที่กำหนดด้วย Language Detector API
สร้างสรุปประเภทต่างๆ ในความยาวและรูปแบบที่หลากหลาย เช่น ประโยค ย่อหน้า รายการหัวข้อย่อย และอื่นๆ
สำรวจความเป็นไปได้อันไร้ขีดจํากัดของ Prompt API
เข้าร่วม AI Challenge
สร้างเว็บแอปพลิเคชันหรือส่วนขยาย Chrome โดยใช้ AI API ในตัวสำหรับ Google Chrome Built-in AI Challenge 2025! เข้าร่วมเพื่อลุ้นรับรางวัลมูลค่า $70,000
เข้าร่วมเลย อ่านประกาศ

สร้างด้วย AI

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

แนวทางปฏิบัติที่ดี

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

กรณีศึกษา

ข่าว AI และ Gemini Nano

ประสิทธิภาพการทำงานของนักพัฒนาแอป

แชทกับ Gemini ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ การสนทนาที่คุณเริ่มจากแผงนี้มีบริบทเกี่ยวกับรายละเอียดทางเทคนิคของหน้าเว็บที่คุณกําลังตรวจสอบ
ใช้แผงความช่วยเหลือจาก AI เพื่อทําความเข้าใจเลย์เอาต์โดยรวมของเว็บไซต์ รูปแบบองค์ประกอบที่เฉพาะเจาะจง และรับการแก้ไขข้อบกพร่อง CSS ที่ AI สร้างขึ้น
ดู 5 วิธีที่จะทำให้การจัดสไตล์หน้าเว็บง่ายขึ้น ตั้งแต่การทำความเข้าใจเลย์เอาต์ไปจนถึงการแก้ไขเครื่องบิน
ใช้คอนโซลเพื่อดูและแก้ไขข้อบกพร่องของผลลัพธ์ของ AI ในอุปกรณ์
ใช้พลังของ Gemini Nano ใน Chrome ด้วย AI API ในตัว
ดูวิธีใช้ AI API ในตัวที่แสดงใน Chrome เพื่อเปิดใช้เว็บแอปในการแปล สรุป เขียน และเขียนเนื้อหาใหม่ให้กับผู้ใช้ เราจะพูดถึงวิธีสร้างภาระงานแบบผสมและมองถึงอนาคตของ AI ในตัวในเบราว์เซอร์
สำรวจ AI API
คุณสามารถสร้าง AI ฝั่งไคลเอ็นต์และฝั่งคลาวด์เพื่อเพิ่มประสิทธิภาพเว็บและเบราว์เซอร์ตามความต้องการของคุณและความต้องการของลูกค้าได้
ส่วนขยาย Chrome ที่มี AI
ไลบรารีอย่าง MediaPipe, LiteRT และ Transformers.js รวมถึง Web API อันล้ำสมัยอย่าง WebAssembly และ WebGPU จะช่วยให้คุณสร้างประสบการณ์การใช้งานที่ขับเคลื่อนโดย AI ได้อย่างน่าทึ่ง
อ่านสรุป

WebGPU

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

WebAssembly

เปิดใช้งานแอปพลิเคชันประสิทธิภาพสูงบนหน้าเว็บด้วย Chrome
ดูข้อมูลเกี่ยวกับการปรับปรุง WebAssembly สำหรับงานที่ใช้บ่อยในการอนุมาน AI
อ่านเอกสาร
ดูข้อมูลเกี่ยวกับแบ็กเอนด์ WASM ของ TensorFlow.js Wasm และวิธีที่แบ็กเอนด์ใช้ไลบรารี XNNPACK เพื่อการติดตั้งใช้งานโอเปอเรเตอร์โครงข่ายระบบประสาทเทียมได้อย่างมีประสิทธิภาพ
อ่านเอกสาร
ดูวิธีทำให้ ONNX Runtime Web ใช้งานได้ในสภาพแวดล้อมการใช้งานจริง และไฟล์ไบนารี WebAssembly ที่จะรวมอยู่ในแอปพลิเคชัน
อ่านเอกสาร

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

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