What's new in Chrome from Google I/O 2026

คีย์โน้ตครั้งนี้ที่นำเสนอโดย Paul Kinlan ผู้เป็นหัวหน้าทีม Developer Relations ของ Chrome กล่าวถึงทั้งการเปลี่ยนแปลงอย่างรวดเร็วที่เกิดขึ้นกับสภาพแวดล้อมการพัฒนาเว็บในช่วง 6 เดือนที่ผ่านมา และเทคโนโลยีใหม่ ๆ ที่ Chrome กำลังเตรียมไว้ในวงกว้าง โดยสรุปประเด็นหลักได้เป็น 3 แกน ได้แก่ การเตรียมเว็บไซต์สำหรับยุคที่เอเจนต์ (ผู้ช่วย AI) จะท่องเว็บแทนผู้ใช้ การช่วยให้เครื่องมือพัฒนาตามทันมาตรฐานเว็บสมัยใหม่ และการเปิดเผยโรดแมปของแพลตฟอร์มล่วงหน้าสำหรับช่วง 1–2 ปีข้างหน้า

WebMCP, วิธีใหม่ที่เอเจนต์สนทนากับเว็บ

• แนวคิด WebMCP เป็นข้อเสนอด้านสเปกที่เปิดให้เอเจนต์ใช้ HTML form และฟังก์ชัน JavaScript เป็นเครื่องมือได้ เป็นโครงสร้างที่ทำให้เว็บไซต์บอกเอเจนต์ได้ว่า “ค้นหาได้ตรงนี้ เพิ่มลงตะกร้าได้ และชำระเงินได้”
• วิธีทำงาน นำมาใช้เฉพาะส่วนเครื่องมือของ MCP (Model Context Protocol) โดยไม่ต้องมีเซิร์ฟเวอร์แยกต่างหาก เพราะแท็บเบราว์เซอร์ปัจจุบันจะแชร์รายการเครื่องมือได้โดยตรง และยังลงทะเบียนแบบ imperative ได้ผ่าน API navigator.modelContext.registerTool
• จุดแตกต่าง เพราะทำงานอยู่ใน browser context จึงใช้สถานะการล็อกอิน คุกกี้ และ local storage ได้ตามเดิม ซึ่งเป็นข้อได้เปรียบที่แนวทาง MCP server ภายนอกทำได้ยาก
• สถานะปัจจุบัน Expedia กำลังทดลองกับสถานการณ์อย่าง “หาโรงแรมใกล้บ้านคุณยาย” และจะเปิดให้ใช้งานในรูปแบบ Origin Trial บน Chrome 149 (กำหนดวันที่ 2 มิถุนายน 2026)

Modern Web Guidance, คู่มือเว็บสมัยใหม่สำหรับเครื่องมือเขียนโค้ด AI

• การมองปัญหา โมเดล AI ถูกฝึกด้วยความรู้เกี่ยวกับเว็บเมื่อ 1 ปีก่อน ขณะที่ Chrome อัปเดตทุก 4 สัปดาห์ (และในไม่ช้าจะเป็นทุก 2 สัปดาห์) จึงมองว่าช่องว่างด้านเวลานี้เป็นปัจจัยที่ทำให้คุณภาพโค้ดลดลง
• วิธีแก้ไข เป็น skill pack ที่ติดตั้งได้ด้วยคำสั่งบรรทัดเดียว npx modern-web-guidance install โดยให้แพตเทิร์นที่แนะนำทั้งในระดับหัวข้อใหญ่ เช่น performance, security และ identity รวมถึง use case แบบเจาะจงมากกว่า 100 รายการ
• การเชื่อมกับ Baseline อ้างอิงตาม Baseline ซึ่งเป็นเกณฑ์ความเข้ากันได้ข้ามเบราว์เซอร์ และสำหรับฟีเจอร์ที่ยังไม่ได้รับการรองรับอย่างแพร่หลาย ก็มีคำแนะนำทั้ง fallback และ progressive enhancement รวมไว้ด้วย อีกทั้งยังตั้งค่า Baseline target จากข้อมูลผู้เข้าชมจริงผ่านการเชื่อมต่อกับ Google Analytics ได้

Chrome DevTools for Agents, ส่งมอบเครื่องมือนักพัฒนาให้ AI ใช้

• ความสามารถที่มี เครื่องมือ AI สามารถเข้าถึง console log, network traffic, memory trace และ accessibility tree ได้โดยตรง เพื่อนำไปทำ performance profiling และตรวจสอบแบบ Lighthouse audit ได้
• สิ่งที่เพิ่มเข้ามา มี DevTools skill, CLI แบบประหยัดโทเค็น, TypeScript API สำหรับสภาพแวดล้อม CI, การเชื่อมต่อกับ Chrome instance ที่กำลังรันอยู่, เวิร์กโฟลว์แบบ multi-agent (ควบคุม Chrome หลายตัวพร้อมกัน) และความสามารถในการติดตั้งและดีบัก Chrome extension แบบอัตโนมัติ

ฟีเจอร์ใหม่ของแพลตฟอร์ม, 52 รายการที่เข้าร่วม Baseline

• View Transitions และ Navigation API การเปลี่ยนผ่านระหว่างหน้าอย่างลื่นไหลและการจัดการสถานะ navigation แบบรวมศูนย์ได้กลายเป็นมาตรฐานแล้ว
• LoAF(Long Animation Frames) ตอนนี้วัดประสิทธิภาพการโต้ตอบได้ในทุกเบราว์เซอร์ รวมถึงผู้ใช้ iOS ด้วย
• Declarative Partial Updates สามารถแพตช์ HTML fragment เข้า DOM ได้โดยไม่ต้องใช้ JavaScript และไม่ขึ้นกับลำดับ ทำให้ปรับแต่งแบบเติมข้อมูลส่วนที่มาช้าในภายหลังได้ (Chrome 148)
• Streaming HTML API ใช้ streamHTML, streamHTMLUnsafe เพื่อ inject dynamic markup ได้โดยไม่ต้องแปลงเป็น JSON
• HTML-in-Canvas เรนเดอร์ DOM มาตรฐานภายใน canvas ได้ ทำให้สร้าง UI ที่ยังคงรองรับการค้นหา การแปลภาษา และการเข้าถึงได้แม้อยู่ในเอนจินเกม 3D หรือสภาพแวดล้อมอย่าง PlayCanvas และ Three.js เดโมห้องนอน 3D ช่วงเปิดคีย์โน้ตก็สร้างด้วยฟีเจอร์นี้

AI บนอุปกรณ์ (Built-in AI)

• Prompt API ใน Chrome 148 รองรับ multimodal แล้ว สามารถวิเคราะห์ภาพและส่งออก JSON แบบมีโครงสร้างได้ และขยายการรองรับภาษาไปยังภาษาฝรั่งเศส เยอรมัน ญี่ปุ่น และสเปน นอกเหนือจากภาษาอังกฤษ
• จากนี้ไป เมื่อมีการนำโมเดลตระกูล Gemma เข้ามา ก็จะรองรับ native function calling ทำให้สร้างเอเจนต์ที่ทำงานได้อย่างอัตโนมัติฝั่ง client-side ได้ Reddit, Drupal และ Temu ก็นำไปใช้แล้วในรูปแบบ progressive enhancement

โดยรวมแล้ว การประกาศครั้งนี้สื่อสารว่าเว็บกำลังก้าวจาก “สื่อที่มนุษย์เข้ามาเลือกดูและลงมือทำเอง” ไปสู่ “สื่อที่มอบหมายงานให้เอเจนต์ทำแทน” และจุดเปลี่ยนนี้กำลังมาถึงด้วยความเร็วที่เร็วกว่าการเปลี่ยนผ่านสู่มือถืออย่างมาก ฝั่งหนึ่ง Chrome เปิดทางให้เว็บไซต์เข้าร่วมกับเอเจนต์ผ่าน WebMCP ขณะที่อีกฝั่งยกระดับคุณภาพของเครื่องมือพัฒนา AI ผ่าน Modern Web Guidance และ DevTools for Agents มุมมองที่ว่าการกลับมาใส่ใจพื้นฐานอย่าง semantic HTML, accessibility และ Baseline จะยิ่งได้เปรียบในยุคเว็บสำหรับเอเจนต์ ก็เป็นประเด็นที่ถูกย้ำอย่างสม่ำเสมอท่ามกลางการเปิดตัวเทคโนโลยีใหม่มากมาย

[jhk0530]

ดูเหมือนว่า Chrome จะยิ่งกินทรัพยากรมากขึ้นเรื่อย ๆ

[ragingwind]

น่าจะลองดูจุดยืนของ Firefox ต่อ Prompt API ไปพร้อมกันด้วยครับ https://x.com/FirefoxWebDevs/status/2056382433516286173