Published: June 2, 2026
Chrome 149 มีการอัปเกรดครั้งใหญ่สำหรับความช่วยเหลือจาก AI, แนะนำเครื่องมือแก้ไขข้อบกพร่อง WebMCP แบบทดลองในแผงแอปพลิเคชัน และขยายการรองรับการเติมโค้ดอัตโนมัติเป็น CSS
เครื่องมือสำหรับนักพัฒนาเว็บสำหรับ Agent
ตอนนี้เซิร์ฟเวอร์ MCP และ CLI ของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับ Agent มีความเสถียรอย่างเป็นทางการแล้ว อ่านประกาศฉบับเต็มได้ที่นี่
ฟีเจอร์หลักและเครื่องมือใหม่ที่เพิ่มเข้ามาจนถึงรุ่น v1.1.1 ได้แก่
- เครื่องมือของบุคคลที่สามที่กำหนดเองซึ่งแสดงในหน้าเว็บ: ตอนนี้หน้าเว็บสามารถกำหนด เครื่องมือแก้ไขข้อบกพร่องที่กำหนดเอง ผ่าน JavaScript ซึ่งเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับ Agent จะค้นพบและเรียกใช้ได้
- การแก้ไขข้อบกพร่อง WebMCP: ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับ Agent สามารถ แสดงรายการและเรียกใช้เครื่องมือ WebMCP ได้
- การจำลองส่วนหัว HTTP ที่กำหนดเอง: เพิ่มการรองรับส่วนหัว HTTP (เช่น โทเค็นการตรวจสอบสิทธิ์หรือ User Agent ที่กำหนดเอง) ลงในเครื่องมือจำลอง
เครื่องมือของบุคคลที่สามและการแก้ไขข้อบกพร่อง WebMCP ยังอยู่ในเวอร์ชันทดลองและยังไม่ได้เปิดใช้โดยค่าเริ่มต้น ดูข้อมูลเกี่ยวกับวิธีใช้เครื่องมือเหล่านี้ได้ในข้อมูลอ้างอิงเครื่องมือ เราจะจัดทำเอกสารเพิ่มเติมใน developer.chrome.com เมื่อฟีเจอร์เหล่านี้พร้อมใช้งานจริง
หากต้องการดูข้อมูลอัปเดตล่าสุดเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับ Agent และร่วมให้ข้อมูล โปรดไปที่ ที่เก็บ GitHub เริ่มต้นใช้งานเอกสารประกอบของเราหรือเรียนรู้ข้อมูลล่าสุดด้วย เซสชันวิดีโอ Google I/O ที่ครอบคลุมเรื่องเพิ่มประสิทธิภาพเวิร์กโฟลว์การเขียนโค้ด AI ด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับ Agent
ความช่วยเหลือจาก AI
แผงความช่วยเหลือจาก AI ได้รับการอัปเดตอินเทอร์เฟซผู้ใช้ครั้งสำคัญและมีเครื่องมือใหม่เพื่อปรับปรุงประสบการณ์การสนทนาและให้ข้อมูลเชิงลึกเกี่ยวกับหน้าเว็บที่ละเอียดยิ่งขึ้น
- คำแนะนำทีละขั้นตอนสำหรับ Agent: ตอนนี้ความช่วยเหลือจาก AI จะแสดงวิดเจ็ตภายในอินเทอร์เฟซการแชทโดยตรงแทนที่จะเป็นข้อความธรรมดาในรูปแบบ Markdown วิดเจ็ตเหล่านี้ครอบคลุม Core Web Vitals และข้อมูลเชิงลึกที่เกี่ยวข้อง, องค์ประกอบ LCP, การแบ่งย่อย LCP, กิจกรรมของเธรดจากล่างขึ้นบน และอื่นๆ ลิงก์แสดง ภายในวิดเจ็ตจะนำคุณไปยังแหล่งที่มาของข้อมูลนี้ภายในเครื่องมือสำหรับนักพัฒนาเว็บ
- คัดลอกไปยัง Agent ที่เขียนโค้ด: ตอนนี้การสนทนาจะสิ้นสุดด้วยปุ่มเฉพาะเพื่อ คัดลอกการสนทนา ไม่ว่าจะสรุปเป็นพรอมต์หรือเป็นการสนทนาแบบคำต่อคำ เพื่อให้คุณวางลงใน Agent ที่เขียนโค้ดที่เลือกได้
- ความสามารถที่อัปเกรดแล้ว: ตอนนี้ความช่วยเหลือจาก AI มีสิทธิ์เข้าถึง Lighthouse และ ข้อมูลเชิงลึกที่เกี่ยวข้อง ซึ่งช่วยให้วิเคราะห์หน้าเว็บแบบองค์รวมและให้ คำแนะนำที่ตรงเป้าหมายได้
- คำตอบที่ปรับปรุงแล้ว: ความช่วยเหลือจาก AI ใช้ Gemini 3 เบื้องหลังและ คำนำที่ปรับปรุงแล้ว จึงให้คำตอบที่กระชับและนำไปใช้ได้จริงมากขึ้น
- การนำทางที่ปรับปรุงแล้ว: ตอนนี้คุณสามารถเลื่อนดูพรอมต์การแชทก่อนหน้าได้โดยใช้ปุ่มลูกศรขึ้น และลูกศรลง ซึ่งช่วยให้ปรับแต่งหรือเรียกใช้คำค้นหาก่อนหน้าซ้ำได้อย่างรวดเร็วและง่ายดาย
โปรดแจ้งให้เราทราบว่าคุณคิดอย่างไรโดยแสดงความคิดเห็นในข้อบกพร่องความคิดเห็นโดยเฉพาะ เราจะเลิกใช้งานการรองรับ สำหรับการแก้ไขสไตล์อัตโนมัติผ่านความช่วยเหลือจาก AI, ใน Chrome 152 เพื่อสนับสนุนฟีเจอร์คัดลอกไปยัง Agent ที่เขียนโค้ด
WebMCP
รุ่นนี้แนะนำเครื่องมือแก้ไขข้อบกพร่อง WebMCP แบบทดลองภายในแถบด้านข้างของแผงแอปพลิเคชัน WebMCP (Web Model Context Protocol) ช่วยให้หน้าเว็บลงทะเบียนเครื่องมือที่ Agent LLM จะใช้ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับมาตรฐานที่เสนอได้ในเอกสารประกอบของเรา
เครื่องมือแก้ไขข้อบกพร่องใหม่ช่วยให้นักพัฒนาเว็บทำสิ่งต่อไปนี้ได้
- ตรวจสอบเครื่องมือฝั่งไคลเอ็นต์และสคีมาของเครื่องมือ
- เรียกใช้การดำเนินการเครื่องมือด้วยพารามิเตอร์ที่กำหนดเองด้วยตนเอง
- ติดตามและกรองเหตุการณ์การเรียกใช้เครื่องมือที่ใช้งานอยู่หรือรอดำเนินการ
- ตรวจสอบสถานะการดำเนินการและตรวจสอบเพย์โหลดที่ส่งคืน
WebMCP เป็นมาตรฐานเว็บที่เสนอซึ่งอยู่ในเวอร์ชันพรีวิวล่วงหน้า เปิดใช้แฟล็ก #devtools-webmcp-support และ #enable-webmcp-testing ใน chrome://flags เพื่อเริ่มทดลอง
ปัญหา Chromium: 494516094
การเติมโค้ดอัตโนมัติสำหรับ CSS
ตอนนี้แท็บสไตล์ มีการเติมโค้ดอัตโนมัติสำหรับ CSS ด้วย Gemini โดยต่อยอดจาก การรองรับแผงคอนโซลและแผงแหล่งที่มา เปิดใช้คำแนะนำโค้ดได้ในการตั้งค่า > นวัตกรรม AI > คำแนะนำโค้ด
ฟีเจอร์นี้ช่วยให้คุณทดลองใช้การผสมผสานที่ซับซ้อนมากขึ้นของพร็อพเพอร์ตี้ CSS เช่น การไล่ระดับสีหรือเงาของกล่อง โดยไม่ต้องจำไวยากรณ์ที่แน่นอน หรือสร้างเลย์เอาต์แบบกริดและแบบยืดหยุ่นได้อย่างรวดเร็วโดยอาศัยพร็อพเพอร์ตี้ที่เกี่ยวข้องหลายรายการ
แถบเครื่องมือที่ด้านล่างของแท็บสไตล์ จะแสดงสถานะผ่านตัวหมุนการโหลด คำแนะนำจะอัปเดตหรือล้างเมื่อคุณพิมพ์ เพื่อให้ข้อความที่ AI สร้างขึ้นยังคงเกี่ยวข้องกับการแก้ไขด้วยตนเอง
หลักเกณฑ์คอนทราสต์สี APCA ได้รับการเลื่อนระดับเป็นเวอร์ชันเสถียร
เครื่องคำนวณคอนทราสต์ Advanced Perceptual Contrast Algorithm (APCA) ได้ออกจากระยะทดลองอย่างเป็นทางการแล้ว และตอนนี้พร้อมใช้งานเป็นการตั้งค่ากำหนดลักษณะมาตรฐาน APCA จะแทนที่หลักเกณฑ์คอนทราสต์ AAA/AA แบบเดิมด้วยโมเดลคอนทราสต์เชิงการรับรู้ที่ทันสมัย ซึ่งปรับให้เหมาะกับการแสดงผลและการแสดงข้อความที่ทันสมัย
ตอนนี้คุณเปิดหรือปิดใช้หลักเกณฑ์ APCA ได้โดยใช้ช่องทำเครื่องหมายที่อยู่ในส่วนการตั้งค่า > กำหนดลักษณะ > องค์ประกอบ > เปิดใช้หลักเกณฑ์คอนทราสต์ APCA
User Agent ของโหมดอุปกรณ์แบบไดนามิก
ก่อนหน้านี้โหมดอุปกรณ์แบบปรับเปลี่ยนตามอุปกรณ์ใช้สตริง User Agent ที่ฮาร์ดโค้ด (Android 6.0; Nexus 5) ซึ่งทำให้เว็บไซต์สมัยใหม่ลดฟังก์ชันการทำงานลงหรือทริกเกอร์โหมดความเข้ากันได้ เนื่องจากระบบปฏิบัติการที่รายงานได้รับการยอมรับว่ามีอายุมากกว่า 10 ปี
ระบบได้แทนที่ User Agent ที่ฮาร์ดโค้ดด้วยฮิวริสติกแบบไดนามิกที่จะอัปเดตโดยอัตโนมัติตามปีปฏิทินปัจจุบัน ซึ่งช่วยให้เครื่องมือสำหรับนักพัฒนาเว็บรายงานสภาพแวดล้อมที่สมเหตุสมผลและทันสมัยอยู่เสมอโดยไม่จำเป็นต้องมีการบำรุงรักษาด้วยตนเอง
ไฮไลต์อื่นๆ
การปรับปรุงเล็กๆ น้อยๆ และการแก้ไขข้อบกพร่องที่รวมอยู่ในรุ่นนี้
- คอนโซล: เพิ่มปุ่มเปิด/ปิดยุบ/ขยายทั้งหมด ลงในแถบเครื่องมือของแผงคอนโซล เพื่อขยายหรือยุบกลุ่มคอนโซลและ Stack Trace ที่ใช้งานอยู่ทั้งหมดพร้อมกันอย่างรวดเร็ว (427657550)
- แอปพลิเคชัน: ไฮเปอร์ลิงก์ที่คลิกได้ได้แทนที่ข้อความคงที่สำหรับช่องบัคเก็ตพื้นที่เก็บข้อมูล ในมุมมองข้อมูลเมตาของแอปพลิเคชัน การคลิกลิงก์บัคเก็ตจะนำทางไปยังและไฮไลต์บัคเก็ตนั้นๆ ในแผงด้านข้าง บัคเก็ตพื้นที่เก็บข้อมูล โดยอัตโนมัติ (435311130)
- แอปพลิเคชัน: เปิดใช้การรองรับการตรวจสอบพื้นที่เก็บข้อมูลแบบเต็มสำหรับ Service Worker อีกครั้งหลังจากแก้ไขการเกิดปัญหาซ้ำของการขัดข้อง (406991275, 466134219)
- แอปพลิเคชัน: เพิ่มการรองรับการตรวจสอบเหตุการณ์การแสดงผลล่วงหน้า
form_submissionภายในแผงการโหลดล่วงหน้า (346555939, 488078903) - แอปพลิเคชัน: ใช้การจัดการข้อมูลเข้าสู่ระบบเซสชันที่ผูกกับอุปกรณ์ (DBSC)
ซึ่งช่วยให้นักพัฒนาเว็บล้างหรือลบเซสชันที่ใช้งานอยู่จาก
เมนูบริบทหรือโดยการกดปุ่ม
DeleteหรือBackspace(471017387) - องค์ประกอบ: การไฮไลต์โหนด DOM ที่แสดงปัญหาที่ซ่อนอยู่ใน แผงปัญหาจะอัปเดตแบบไดนามิก (ปรากฏขึ้นหรือหายไป) เพื่อตอบสนอง ต่อการดำเนินการตัวกรองปัญหา (40272723)
- เครือข่าย: ตอนนี้ Server-Sent Events (SSE) ได้รับการซีเรียลไลซ์อย่างสมบูรณ์และรวมอยู่ในการส่งออก HAR ซึ่งช่วยให้บันทึกและนำเข้าสตรีมเหตุการณ์สดที่กำลังดำเนินอยู่กลับเข้าไปในเครื่องมือสำหรับนักพัฒนาเว็บได้ (494294071)
- ประสิทธิภาพ: แก้ไขการติดตาม Core Web Vitals ในมุมมองเมตริกแบบเรียลไทม์เพื่อ จำกัดการติดตามไว้ที่บริบทการดำเนินการเฟรมหลักอย่างเคร่งครัด ซึ่งจะป้องกันไม่ให้ การเปลี่ยนแปลง iframe แบบไดนามิกรีเซ็ตเมตริก (494350655)
- ประสิทธิภาพ: อัปเกรด
web-vitalsเป็น v5.2.0 ซึ่งมีการแก้ไขข้อบกพร่องดั้งเดิมจากต้นน้ำ สำหรับหน่วยความจำรั่วไหลระหว่างการตรวจสอบ INP (484342204)