เผยแพร่: 7 เมษายน 2026
Chrome 147 เปิดตัวการเลือกบริบทอัตโนมัติเพื่อความช่วยเหลือจาก AI, อัปเกรด คำแนะนำโค้ดเป็นการเติมโค้ดอัตโนมัติแบบสมบูรณ์, ปรับปรุงแถบเครื่องมือโหมดอุปกรณ์ ให้ทันสมัย, นำการถอดรหัสอัตโนมัติของเนื้อหาเครือข่ายที่บีบอัดมาใช้ และการปรับปรุงอื่นๆ อีกหลายอย่าง
การเลือกบริบทอัตโนมัติในความช่วยเหลือจาก AI
หนึ่งในคำขอฟีเจอร์ยอดนิยมสำหรับการช่วยเหลือของ AI คือความสามารถในการถามคำถามแบบปลายเปิดเพิ่มเติม ตอนนี้ Agent การเลือกบริบทใหม่ช่วยให้คุณถามคำถามได้โดยไม่ต้องเลือกบริบทก่อน เช่น
- "คำขอเครือข่ายที่ช้าที่สุดในหน้านี้คืออะไร" ก่อนหน้านี้ คุณทำเช่นนี้ไม่ได้เนื่องจากต้องเลือกคำขอเครือข่ายที่เฉพาะเจาะจง
- "มีปัญหาด้านประสิทธิภาพใดในหน้าเว็บ" ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บจะบันทึกการติดตามโดยอัตโนมัติ ด้วยการตั้งค่าที่คุณเลือกเพื่อตอบคำถามนี้
- "ฉันจะใช้แผงภาพเคลื่อนไหวได้อย่างไร" หรือ "การตั้งค่าความคมชัดสูงอยู่ที่ไหน ในเครื่องมือสำหรับนักพัฒนาเว็บ" ซึ่งเป็นการให้ความช่วยเหลือโดยตรงเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บ
การเปลี่ยนแปลงนี้ยังทำให้ความช่วยเหลือจาก AI สามารถสลับบริบทโดยอัตโนมัติได้ด้วย โดยจะอัปเดตบริบทอย่างชาญฉลาดตามการดำเนินการของคุณเมื่อแชทว่างเปล่า พร้อมทั้งเคารพการเลือกด้วยตนเองเมื่อการสนทนาเริ่มต้นขึ้น
เครื่องมือสำหรับนักพัฒนาเว็บสำหรับตัวแทน
เราได้อัปเดตเซิร์ฟเวอร์ MCP และ CLI ของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เป็นเวอร์ชัน 0.21.0 ซึ่งมีการปรับปรุงที่สำคัญสำหรับเวิร์กโฟลว์แบบหลายเอเจนต์ ความสามารถในการตรวจสอบใหม่ผ่าน Lighthouse และชุดทักษะที่ได้รับการปรับปรุง
ฟีเจอร์สำคัญที่เพิ่มเข้ามาตั้งแต่การอัปเดตครั้งล่าสุดมีดังนี้
- การตรวจสอบ Lighthouse ที่ผสานรวม: ตอนนี้คุณสามารถเรียกใช้การตรวจสอบ Lighthouse ได้โดยตรงผ่าน MCP ซึ่งจะช่วยให้การตรวจสอบประสิทธิภาพและคุณภาพอัตโนมัติภายในเวิร์กโฟลว์ของเอเจนต์เป็นไปได้
- ทักษะการตรวจหาหน่วยความจำรั่ว: เพิ่มทักษะใหม่สำหรับการตรวจหาหน่วยความจำรั่วโดยใช้เครื่องมือ
take_memory_snapshot - การปรับปรุงทักษะด้านการช่วยเหลือพิเศษ: ทักษะการแก้ไขข้อบกพร่องด้านการช่วยเหลือพิเศษได้รับการปรับปรุงเพื่อใช้ประโยชน์จาก Lighthouse ได้ดียิ่งขึ้นและให้เอาต์พุตที่แข็งแกร่งมากขึ้น
- ทักษะการใช้งานทั่วไป: ทักษะเฉพาะสำหรับวิธีใช้เซิร์ฟเวอร์ MCP ของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome หรือ CLI และวิธีแก้ปัญหาการติดตั้งจะช่วยให้ตัวแทนใช้เครื่องมือสำหรับนักพัฒนาเว็บสำหรับตัวแทนได้อย่างเต็มที่
- รองรับเวิร์กโฟลว์แบบหลายเอเจนต์: การเปิดตัว
pageIdการกำหนดเส้นทาง ช่วยให้เอเจนต์หลายคนกำหนดเป้าหมายและโต้ตอบกับหน้า เบราว์เซอร์ที่เฉพาะเจาะจงได้พร้อมกันอย่างแม่นยำ
หากต้องการเริ่มใช้ฟีเจอร์เหล่านี้ โปรดดูที่เก็บ GitHub พร้อมหมายเหตุประจำรุ่นโดยละเอียด
การสร้างโค้ด
ใน Chrome 142 เราได้เปิดตัวคำแนะนำโค้ดจาก Gemini ในแผงคอนโซลและแผงแหล่งที่มา ใน Chrome 147 ความสามารถนี้จะได้รับการอัปเกรดเป็นการสร้างโค้ดแบบเต็ม
หากต้องการสร้างโค้ด ให้พิมพ์ความคิดเห็นในภาษาธรรมชาติที่อธิบายตรรกะที่คุณต้องการ (เช่น // Loop to check all img elements for valid alt
attributes) แล้วกด Cmd+I (Mac) หรือ Ctrl+I (Windows/Linux) เพื่อเริ่มสร้าง
แถบเครื่องมือโหมดอุปกรณ์ที่รีเฟรชแล้ว
แถบเครื่องมือโหมดอุปกรณ์ได้รับการปรับปรุงใหม่เพื่อให้ประสบการณ์การใช้งานที่สอดคล้องกันและมีประสิทธิภาพมากขึ้น ดังนี้
- การควบคุมที่ได้มาตรฐาน: ตอนนี้การเลือกอุปกรณ์ ระดับการซูม และอัตราส่วนพิกเซลของอุปกรณ์ (DPR) ใช้คอมโพเนนต์ UI ของ DevTools มาตรฐานแล้ว ซึ่งช่วยปรับปรุงความสามารถในการใช้งาน
- ซูมที่ปรับปรุงแล้ว: ตอนนี้เมนูซูมดูสะอาดตาขึ้น โดยมีตัวเลือก "พอดีกับหน้าต่าง" รวมอยู่ในรายการเปอร์เซ็นต์โดยตรง เราได้ย้าย "ปรับระดับการซูมอัตโนมัติ" ไปไว้ในปุ่มแถบเครื่องมือเฉพาะของฟีเจอร์นี้แล้ว
- การรองรับการล็อกการวางแนว: ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บรองรับ API
screen.orientation.lock()ในการจำลองอุปกรณ์แล้ว เมื่อหน้าเว็บล็อก การวางแนว อุปกรณ์จำลองจะหมุนโดยอัตโนมัติให้ตรงกับการวางแนวที่ล็อกไว้ และระบบจะปิดใช้ปุ่มหมุนด้วยตนเองในขณะที่การล็อก ทำงานอยู่
ปัญหาเกี่ยวกับ Chromium: 40807290
เนื้อความที่บีบอัดที่ถอดรหัสแล้ว
ตอนนี้การวินิจฉัยปัญหาเกี่ยวกับทรัพยากรที่บีบอัดทำได้ง่ายขึ้นมาก ก่อนหน้านี้ หากคำขอ HTTP ใช้ Content-Encoding: gzip หรือ deflate มุมมองเพย์โหลด
ในแผงเครือข่ายจะแสดงข้อมูลไบนารีที่อ่านไม่ออกแทนเนื้อหาที่ถอดรหัสแล้ว
ใน Chrome 147 เครื่องมือสำหรับนักพัฒนาเว็บจะถอดรหัสเนื้อหาที่บีบอัดเหล่านี้โดยอัตโนมัติ และแสดงเนื้อหาที่อ่านได้โดยตรงในส่วนเพย์โหลด
นอกจากนี้ รายการคำขอตอนนี้ยังมีข้อมูลขนาดการโอนด้วย ซึ่งจะช่วยให้เห็นภาพปริมาณการใช้อินเทอร์เน็ตผ่านสายได้ชัดเจนยิ่งขึ้น ซึ่งเป็นรายละเอียดที่ผู้ช่วย AI ใช้เพื่อเลือกคำขอได้ดียิ่งขึ้นด้วย
ปัญหาเกี่ยวกับ Chromium: 356158096
ตัวกรองนิพจน์ทั่วไปสำหรับรูปแบบ
ตอนนี้คุณสามารถใช้นิพจน์ทั่วไปในแถบตัวกรองสำหรับแผงรูปแบบ
คำนวณและพร็อพเพอร์ตี้ได้แล้ว คลิกปุ่มเปิด/ปิดนิพจน์ทั่วไปใหม่ (.*) เพื่อเปิดใช้ จากนั้นพิมพ์เช่น padding|border เพื่อไฮไลต์พร็อพเพอร์ตี้ padding และ border ทั้งหมด
ปัญหาใน Chromium: 40706727
การเพิ่มประสิทธิภาพการโหลดแบบคาดเดา
การแก้ไขข้อบกพร่องของการโหลดล่วงหน้ามีประสิทธิภาพมากขึ้นด้วยฟีเจอร์ใหม่ในแผงแอปพลิเคชัน > การโหลดเชิงคาดการณ์
- การกรองข้อความ: ตอนนี้คุณสามารถกรองรายการกฎและความพยายามโดยใช้
ข้อความอิสระหรือตัวกรองที่ใช้คีย์ (เช่น
url:,action:,status:) พร้อม รองรับตรรกะ AND ระหว่างคำหลายคำ - ปุ่มล้าง: ปุ่มล้างใหม่ช่วยให้คุณรีเซ็ตโมเดลการโหลดล่วงหน้า และล้างกฎและความพยายามที่แสดงได้
- รหัสสถานะ HTTP: สำหรับการดึงข้อมูลล่วงหน้าที่ล้มเหลว ตอนนี้ DevTools จะแสดงรหัสสถานะ HTTP จริง (เช่น 404) ทั้งในคอลัมน์สถานะและแผงรายละเอียด แทนที่จะเป็นข้อความแสดงข้อผิดพลาดทั่วไป
ปัญหาเกี่ยวกับ Chromium: 479524246, 40926909
เบ็ดเตล็ด
การแก้ไขและฟีเจอร์ที่น่าสนใจบางส่วนในรุ่นนี้มีดังนี้
- Console: เมื่อเฟรมสแต็กแบบอินไลน์ทั้งหมดของข้อผิดพลาดอยู่ในรายการที่ต้องละเว้น แต่สแต็กการเรียกใช้มีเฟรมที่ไม่ได้ละเว้น ตอนนี้จะมีปุ่มเปิด/ปิดปรากฏขึ้นเพื่อช่วย ให้คุณมุ่งเน้นที่โค้ดที่ใช้ดำเนินการได้ในขณะที่ซ่อนร่องรอยของไลบรารีที่ไม่เกี่ยวข้อง (379788109)
- ประสิทธิภาพ: ตอนนี้ระบบจะบันทึกสถานะแถบด้านข้าง (เปิด/ปิด) ไว้ หากคุณ ปิดแถบด้านข้าง แถบด้านข้างจะยังคงปิดอยู่ในการบันทึกครั้งต่อๆ ไป (437340219)
- การตั้งค่า: ตอนนี้ DevTools สามารถแจ้งให้คุณรีสตาร์ทเบราว์เซอร์ผ่านแถบข้อมูลได้เมื่อสลับการตั้งค่าทดลองบางอย่าง
- การตรวจสอบออบเจ็กต์: ตัวเลือกเมนูบริบท "แสดงทั้งหมด" ใหม่ในมุมมองออบเจ็กต์
ช่วยให้คุณเปิด/ปิดระดับการมองเห็นของพร็อพเพอร์ตี้ที่เป็น Null (
nullหรือundefined) (41187256) ได้ - องค์ประกอบ: ระบบจะไม่จำกัดการใช้เครื่องหมายตกแต่ง "โฆษณา" ไว้ใน iframe อีกต่อไป และตอนนี้สามารถแสดงสำหรับองค์ประกอบที่กำหนดเองซึ่งแบ็กเอนด์แท็กว่าเกี่ยวข้องกับโฆษณาได้แล้ว (485493202)
- โหนดคำสั่ง: ตอนนี้คุณจะเห็นและแก้ไขโหนดคำสั่งการประมวลผล (เช่น
<?xml-stylesheet ... ?>) ในแผนผัง DOM ได้แล้ว (484891675)
การช่วยเหลือพิเศษ
เวอร์ชันนี้มีการปรับปรุงการช่วยเหลือพิเศษหลายอย่าง ดังนี้
- ประสิทธิภาพ: ปุ่มความช่วยเหลือเกี่ยวกับชื่อในการ์ดเมตริกประสิทธิภาพจะ แสดงอยู่เสมอและเข้าถึงได้ด้วยแป้นพิมพ์ ไม่ใช่แสดงเฉพาะเมื่อวางเมาส์ (487613506)
- แหล่งที่มา: ตอนนี้คุณสามารถเลือกหรือยกเลิกการเลือกเบรกพอยท์ของ Listener เหตุการณ์ได้ โดยใช้ปุ่ม Space (478890182)
- การตั้งค่า: ตอนนี้ปุ่ม Home และ End ใช้เพื่อไปยังรายการแรกและรายการสุดท้ายของรายการทางลัดได้แล้ว (481747256)
- Lighthouse: ปรับปรุงการประกาศของโปรแกรมอ่านหน้าจอสำหรับกลุ่มหมวดหมู่ ช่องทำเครื่องหมาย (477643909)