ยินดีต้อนรับสู่ยุคใหม่ของเว็บด้วย 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

วิธีที่ eBay เพิ่มอัตราการเข้าสู่ระบบสำเร็จขึ้น 10% ด้วยการแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น

Updated 6 มีนาคม ค.ศ. 2025

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

วิธีที่ NRK ใช้ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนเพื่อทำให้เรื่องราวมีชีวิตชีวา

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

ดูวิธีที่ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนและการเรียกให้แสดงเมื่อเลื่อนช่วยเพิ่มประสิทธิภาพให้กับบทความการเล่าเรื่อง

วิธีที่ Spotify ใช้ API การแสดงภาพซ้อนภาพเพื่อสร้างมินิเพลเยอร์ของ Spotify

Updated 13 พฤษภาคม ค.ศ. 2024

เรียนรู้เกี่ยวกับการเปลี่ยนโฉมมินิเพลเยอร์ของ Spotify จากการแฮ็กผ้าใบ&#34 ไปสู่ประสบการณ์การใช้งานที่ปรับแต่งด้วย Document Picture-in-Picture API

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

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