มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 148)

เผยแพร่เมื่อ: 5 พฤษภาคม 2026

Chrome 148 ทำให้แผนผังการช่วยเหลือพิเศษแบบเต็มหน้าเป็นค่าเริ่มต้น, เพิ่มรายละเอียดแหล่งที่มาของโฆษณาในคำแนะนำเครื่องมือ, ปรับปรุงการแก้ไขข้อบกพร่องสำหรับกฎการคาดการณ์ และเพิ่มมุมมองการวินิจฉัยใหม่สำหรับรายงานข้อขัดข้อง

เครื่องมือสำหรับนักพัฒนาเว็บสำหรับตัวแทน

เซิร์ฟเวอร์และ CLI ของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome MCP ได้รับการอัปเดตเป็นเวอร์ชัน 0.25.0 พร้อมฟีเจอร์ใหม่หลายรายการ นอกจากนี้ เวอร์ชันนี้ยังมีการแก้ไขความน่าเชื่อถือต่างๆ เช่น การจัดการกล่องโต้ตอบของเบราว์เซอร์โดยอัตโนมัติเพื่อป้องกันไม่ให้สคริปต์หยุดทำงานระหว่างการดำเนินการเครื่องมือ

ฟีเจอร์หลักที่เพิ่มเข้ามาตั้งแต่การอัปเดตครั้งล่าสุดมีดังนี้

  • การแก้ไขข้อบกพร่องของส่วนขยาย Chrome: ตอนนี้ตัวแทนสามารถกำหนดเป้าหมายและแก้ไขข้อบกพร่องของส่วนขยาย Chrome ได้แล้ว ซึ่งช่วยให้ตรวจสอบหน้าเว็บและสคริปต์เบื้องหลังที่เฉพาะเจาะจงของส่วนขยายได้โดยตรง
  • การเรียกใช้เครื่องมือ WebMCP: เครื่องมือทดลองใช้ใหม่ช่วยให้ตัวแทนแสดงรายการและเรียกใช้เครื่องมือ WebMCP ที่หน้าเว็บเปิดเผย
  • การท่องเว็บแบบ Agentic ใน Lighthouse: หมวดหมู่การตรวจสอบ "การท่องเว็บแบบ Agentic" ใหม่จะประเมินว่าเว็บไซต์ได้รับการเพิ่มประสิทธิภาพสำหรับเว็บแบบ Agentic หรือไม่ เช่น โดยการตรวจสอบการลงทะเบียนเครื่องมือ WebMCP

หากต้องการเริ่มใช้ฟีเจอร์เหล่านี้และฟีเจอร์อื่นๆ โปรดดูที่ที่เก็บ GitHub repository พร้อมบันทึกประจำรุ่นโดยละเอียด

แผนผังการช่วยเหลือพิเศษแบบเต็มหน้าเป็นค่าเริ่มต้น

แผงองค์ประกอบที่มีปุ่มเปิด/ปิดการช่วยเหลือพิเศษใหม่ในแถบด้านข้าง

แผนผังการช่วยเหลือพิเศษแบบเต็มหน้าจะออกจากระยะทดลองใช้อย่างเป็นทางการและยังคงเป็นมุมมองเริ่มต้นในแผงองค์ประกอบ การเปลี่ยนผ่านนี้ทำให้ระบบนำแผนผังการช่วยเหลือพิเศษแบบ Breadcrumb เดิมออกจากแหล่งที่มาเพื่อใช้มุมมองที่ครอบคลุมมากขึ้นนี้

Chrome 148 นำปุ่มการทำงานแบบลอยซึ่งก่อนหน้านี้ใช้เพื่อสลับระหว่าง DOM และแผนผังการช่วยเหลือพิเศษออกเพื่อปรับปรุงอินเทอร์เฟซ ตอนนี้คุณสามารถสลับมุมมองได้โดยใช้ปุ่มสลับเฉพาะที่อยู่ในแท็บการช่วยเหลือพิเศษในแถบด้านข้าง

ปัญหาเกี่ยวกับ Chromium: 40808541

การปรับปรุงการโหลดแบบคาดเดา

ส่วนการโหลดแบบคาดเดา มีประสิทธิภาพมากขึ้นสำหรับการแก้ไขข้อบกพร่องของการโหลดล่วงหน้า

  • การกรองข้อความ: ตอนนี้คุณสามารถกรองรายการกฎและความพยายามได้โดยใช้ ข้อความอิสระหรือตัวกรองแบบใช้คีย์ (เช่น url:, status:)
  • รหัสสถานะ HTTP: สำหรับความพยายามที่ล้มเหลว ตอนนี้รหัสสถานะ HTTP จริง (เช่น 404 หรือ 503) จะแสดงโดยตรงในกริด
  • การส่งแบบฟอร์ม: ตอนนี้แผงจะระบุและแสดง form_submissionอย่างชัดเจนว่าเป็นทริกเกอร์สำหรับการโหลดล่วงหน้า

ปัญหาเกี่ยวกับ Chromium: 479524246, 40926909

ขอขอบคุณ @hjanuschka สำหรับการมีส่วนร่วมของชุมชนในครั้งนี้

แผงแอปพลิเคชันที่มีแถบตัวกรองกฎการคาดการณ์ใหม่และบริบทรายงานข้อขัดข้องที่ไฮไลต์

บริบทของรายงานข้อขัดข้อง

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

ปัญหาเกี่ยวกับ Chromium: 400432195

การค้นหา @container แบบใช้ชื่อเท่านั้น

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บรองรับการค้นหา @container แบบใช้ชื่อเท่านั้นแล้ว ก่อนหน้านี้ การค้นหาที่ไม่มีตัวอธิบาย (เช่น @container sidebar) อาจไม่แสดงอย่างถูกต้องในแท็บรูปแบบ ตอนนี้การค้นหาดังกล่าวแสดงผลและลิงก์ได้อย่างถูกต้องในส่วนพร็อพเพอร์ตี้รูปแบบ

ส่วนที่ยุบซึ่งไม่มีส่วนร่วม

แท็บรูปแบบ จะยุบส่วนที่ไม่มีการประกาศที่ใช้งานอยู่โดยอัตโนมัติเพื่อลดความซับซ้อน กฎที่ว่างเปล่าหรือมีเฉพาะพร็อพเพอร์ตี้ที่โหลดมากเกินไป (กฎอื่นๆ ลบล้าง) จะยุบโดยค่าเริ่มต้น ขณะที่ส่วนที่มีพร็อพเพอร์ตี้ที่ปิดใช้อยู่จะยังคงขยายไว้เพื่อให้แก้ไขข้อบกพร่องได้ง่ายขึ้น

ปัญหาเกี่ยวกับ Chromium: 40287550, 351662727

ลำดับคำขอและการควบคุมปริมาณที่แนะนำ

  • คอลัมน์ # คำขอ: ตอนนี้คุณสามารถเพิ่มคอลัมน์ #คำขอ ที่ไม่บังคับลงใน แผงเครือข่าย ได้แล้ว คอลัมน์นี้จะแสดงลำดับสัมบูรณ์ที่เริ่มคำขอและรองรับการจัดเรียง
  • การควบคุมปริมาณที่แนะนำ: เมนูแบบเลื่อนลงการควบคุมปริมาณของแผงเครือข่าย จะ ไฮไลต์ค่าที่ตั้งไว้ล่วงหน้าที่แนะนำโดยอิงตามข้อมูลภาคสนามจริง (CrUX) จาก ผู้ใช้เว็บไซต์ ซึ่งสอดคล้องกับคำแนะนำที่พบในแผง ประสิทธิภาพ อยู่แล้ว

แผงเครือข่ายและเงื่อนไขของเครือข่ายที่มีคอลัมน์คำขอ # ใหม่และไฮไลต์การควบคุมที่แนะนำ

ปัญหาเกี่ยวกับ Chromium: 40276422, 456383409

แหล่งที่มาของโฆษณาใน Adorner

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บช่วยเพิ่มความโปร่งใสเกี่ยวกับสาเหตุที่ระบบแท็กองค์ประกอบเป็นโฆษณา เมื่อวางเมาส์เหนือ Adorner โฆษณา ในแผงองค์ประกอบ คำแนะนำเครื่องมือใหม่จะแสดงแหล่งที่มาของโฆษณา

คำแนะนำเครื่องมือจะให้บริบทเกี่ยวกับสาเหตุที่ระบบระบุองค์ประกอบเป็นโฆษณา เช่น

  • ลำดับชั้นของสคริปต์: สคริปต์ใดบ้างที่มีส่วนร่วมในการสร้างองค์ประกอบ
  • กฎรายการตัวกรอง: กฎที่เฉพาะเจาะจงจากรายการตัวกรอง (เช่น EasyList) ที่ตรงกับองค์ประกอบหรือทรัพยากรที่โหลด

ซึ่งช่วยให้นักพัฒนาแอปและนักวิจัยด้านความเป็นส่วนตัวเข้าใจ "สาเหตุ" เบื้องหลังการแท็กโฆษณา และช่วยในการแก้ไขข้อบกพร่องของผลลบลวง

ปัญหาเกี่ยวกับ Chromium: 490029725, 495842556

ไฮไลต์อื่นๆ

  • การจำลอง: แก้ไขข้อบกพร่องที่มีมานานแล้วซึ่งการถ่ายภาพหน้าจอแบบเต็มหน้า จะทำให้วิวพอร์ตอยู่ในสถานะ "รั่วไหล" หรือเสียหายเป็นครั้งคราว (495385035)
  • WebAuthn: เพิ่มการรองรับการทดสอบ hmac-secret และ hmac-secret-mc ส่วนขยายด้วยเครื่องมือตรวจสอบสิทธิ์เสมือน (420689820)
  • หน่วยความจำ: ปรับปรุงความคิดเห็นเมื่อทริกเกอร์ระบบจัดการหน่วยความจำที่ไม่ใช้แล้วด้วยตนเอง ด้วยการแจ้งเตือน Snackbar ใหม่ (493708151)
  • การตรวจสอบออบเจ็กต์: นำการทดลองใช้ show-option-to-expose-internals-in-heap-snapshot ออก ตอนนี้ช่องทำเครื่องหมาย จะแสดงโดยค่าเริ่มต้น (497855658)