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

Gemini Nano ใน Chrome

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

AI API ในตัว

เข้าร่วมการทดลองใช้จากต้นทางและเริ่มใช้ API เหล่านี้ในเวอร์ชันที่ใช้งานจริง
เริ่มใช้งาน
แปลข้อความแบบสดในเบราว์เซอร์โดยใช้โมเดล AI ในเครื่อง ตอนนี้ผู้ใช้สามารถมีส่วนร่วมในภาษาแม่ได้แล้ว
ระบุภาษาที่ใช้ในข้อความที่กำหนดด้วย Language Detector API
สร้างสรุปประเภทต่างๆ ในความยาวและรูปแบบที่หลากหลาย เช่น ประโยค ย่อหน้า รายการหัวข้อย่อย และอื่นๆ
สำรวจความเป็นไปได้อันไร้ขีดจำกัดของ Prompt API ในส่วนขยาย Chrome

สร้างด้วย AI

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

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

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

ข่าว AI และ Gemini Nano

chrome.contentSettings

Updated 28 กุมภาพันธ์ ค.ศ. 2025

ใช้ chrome.contentSettings API เพื่อเปลี่ยนการตั้งค่าที่ควบคุมว่าเว็บไซต์จะสามารถใช้ฟีเจอร์อย่าง คุกกี้, JavaScript และปลั๊กอินได้หรือไม่ กล่าวโดยละเอียดคือ การตั้งค่าเนื้อหาช่วยให้คุณปรับแต่งลักษณะการทำงานของ Chrome

chrome.bookmarks

Updated 28 กุมภาพันธ์ ค.ศ. 2025

ใช้ chrome.bookmarks API เพื่อสร้าง จัดระเบียบ และดำเนินการกับบุ๊กมาร์ก โปรดดู หน้าการลบล้าง ด้วย ซึ่งคุณใช้สร้างหน้าการจัดการบุ๊กมาร์กที่กำหนดเองได้ คุณต้องประกาศสิทธิ์ "บุ๊กมาร์ก" ใน ไฟล์ Manifest ของเวิร์กชีต จึงจะใช้ Bookmarks API ได้ เช่น

chrome.bookmarks

Updated 28 กุมภาพันธ์ ค.ศ. 2025

สิทธิ์นี้จะ ทริกเกอร์คำเตือน ใช้ chrome.bookmarks API เพื่อสร้าง จัดระเบียบ และดำเนินการกับบุ๊กมาร์ก โปรดดู หน้าการลบล้าง ด้วย ซึ่งคุณใช้สร้างหน้าการจัดการบุ๊กมาร์กที่กำหนดเองได้ คุณต้องประกาศสิทธิ์ "บุ๊กมาร์ก" ใน ไฟล์ Manifest ของเวิร์กชีต เพื่อใช้

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

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

ผู้ชนะใน Built-in AI Challenge

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

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 ฝั่งไคลเอ็นต์ ซึ่งให้ประโยชน์ต่างๆ เช่น เวลาในการตอบสนองต่ำ ค่าใช้จ่ายฝั่งเซิร์ฟเวอร์ลดลง ความเป็นส่วนตัวของผู้ใช้เพิ่มขึ้น และอื่นๆ
อ่านเอกสาร