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

เผยแพร่: 11 กุมภาพันธ์ 2026

เช่นเดียวกับ Chrome 139 สำหรับ Chrome 145 ทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ให้ความสำคัญกับ ความเป็นเลิศของผลิตภัณฑ์ การแก้ไขปัญหาที่ทราบ การรวมการใช้งาน UI และ การปรับปรุงความสมบูรณ์ของการทดสอบ การแก้ไขและการปรับแต่งเล็กๆ น้อยๆ มากมายในแผงต่างๆ ที่เกิดขึ้นจากความพยายามนี้จะช่วยให้การแก้ไขข้อบกพร่องและการพัฒนาในแต่ละวัน ราบรื่นขึ้น เสถียรมากขึ้น และมีประสิทธิภาพมากขึ้น

การอัปเดตเซิร์ฟเวอร์ MCP ของเครื่องมือสำหรับนักพัฒนาเว็บ

เซิร์ฟเวอร์ MCP ของ DevTools ได้รับการอัปเดตครั้งสำคัญจาก v0.11.0 เป็น v0.14.0 ซึ่งเป็นการเปิดตัวความสามารถหลักด้าน การทำงานอัตโนมัติและการจำลอง

  • การเชื่อมต่ออัตโนมัติ: แฟล็ก --auto-connect ใหม่ช่วยให้เซิร์ฟเวอร์ ค้นหาและแนบกับอินสแตนซ์ Chrome ที่กําลังทํางานโดยอัตโนมัติ ซึ่งช่วยลด ความจําเป็นในการคัดลอก URL ของ WebSocket ด้วยตนเอง
  • การจำลองแบบรวม: ตอนนี้เครื่องมือ emulate เดียวจะจัดการตำแหน่งทางภูมิศาสตร์ สภาพเครือข่าย (ออฟไลน์/3G ช้า) การควบคุม CPU และการลบล้าง User Agent
  • บันทึกที่เก็บไว้: ตอนนี้คุณเข้าถึงคำขอเครือข่ายและข้อความคอนโซล ในการไปยังส่วนต่างๆ ได้แล้ว ซึ่งเป็นการมิเรอร์ฟังก์ชัน "เก็บรักษาบันทึก" ในเครื่องมือสำหรับนักพัฒนาเว็บ

ดูรายการการเปลี่ยนแปลงทั้งหมดได้ในบันทึกการเปลี่ยนแปลงแบบสาธารณะใน GitHub

ตอนนี้คุณจะเห็นการนำทางแบบนุ่มนวลในมุมมองการติดตามแล้ว

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

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

เครื่องหมายการนำทางแบบซอฟต์ในแผงประสิทธิภาพพร้อมการติดตามจาก youtube.com

ปัญหาเกี่ยวกับ Chromium: 450673886, 450673887

ตอนนี้การจับเวลาของโปรไฟล์เลอร์ระดับบรรทัดมีความแม่นยำมากขึ้น

หลังจากบันทึกการติดตามในแผงประสิทธิภาพแล้ว แผงแหล่งที่มา จะแสดงเวลาที่สังเกตได้ในการติดตามแบบต่อบรรทัด ซึ่งจะช่วยให้คุณ ระบุได้อย่างชัดเจนว่าโค้ดบรรทัดใดใช้เวลาในการดำเนินการมากที่สุด

ก่อนหน้านี้ฟีเจอร์นี้มีข้อบกพร่องที่ทำให้ไม่น่าเชื่อถือเมื่อแหล่งที่มามีการจัดรูปแบบอย่างสวยงาม (ใช้ปุ่ม {}) หรือเมื่อใช้สคริปต์ที่แมปแหล่งที่มา ปัญหาเหล่านี้ได้รับการแก้ไขแล้ว ทำให้การสร้างโปรไฟล์ระดับบรรทัดมีความถูกต้องและใช้งานได้ สำหรับโค้ดที่ย่อขนาดและพร้อมใช้งานจริง

เวลาในการดำเนินการข้างหมายเลขบรรทัดในแผงแหล่งข้อมูล

การโต้ตอบการติดตามที่เร็วขึ้น

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

ปัญหาใน Chromium: 457866795

ระบุทรัพยากรที่บล็อกการแสดงผล

ตอนนี้แผงเครือข่ายมีคอลัมน์การบล็อกการแสดงผลโดยเฉพาะแล้ว ซึ่งจะช่วยให้คุณระบุได้ทันทีว่าทรัพยากรใด (JavaScript, CSS และแบบอักษร) ที่ ขัดขวางไม่ให้เบราว์เซอร์แสดงเนื้อหาหน้าเว็บ ซึ่งจะช่วยให้คุณเพิ่มประสิทธิภาพ ประสิทธิภาพการแสดงผลครั้งแรกได้

คอลัมน์การบล็อกการแสดงผลใหม่ในแผงเครือข่าย

ปัญหาใน Chromium: 41169154

การควบคุมคำขอเครือข่ายแต่ละรายการ

แผงเงื่อนไขคำขอ (เดิมคือการบล็อกคำขอเครือข่าย) ซึ่งเปิดตัวใน Chrome 144 ตอนนี้เปิดใช้การควบคุมอัตราคำขอแต่ละรายการโดยค่าเริ่มต้นแล้ว

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

เปิดแผงจาก > เครื่องมือเพิ่มเติม > เงื่อนไขคำขอเพื่อเริ่ม การจำกัดอัตราหรือการบล็อกรูปแบบที่เฉพาะเจาะจง

การปรับปรุงการแก้ไขข้อบกพร่องสำหรับ @starting-style

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

ปัญหาใน Chromium: 465367572

ข้อมูลอัปเดตความช่วยเหลือจาก AI

  • อินพุตหลายรูปแบบ: ตอนนี้คุณวางรูปภาพจากคลิปบอร์ดลงในแชทความช่วยเหลือจาก AI ได้โดยตรงเพื่อถามคำถามเกี่ยวกับปัญหาด้านภาพ

ปัญหาใน Chromium: 470997699

ไฮไลต์อื่นๆ

  • องค์ประกอบ: มีการเพิ่มป้ายดูแหล่งที่มาใหม่ข้างแท็ก <html>รูท ซึ่งเป็นวิธีที่รวดเร็วในการไปยังซอร์สโค้ดของเอกสาร
  • แหล่งข้อมูล: ตอนนี้ไฟล์ JSON ที่แก้ไขได้รองรับการเปิด/ปิดการจัดรูปแบบที่ย้อนกลับได้ แล้ว ซึ่งช่วยให้แก้ไขข้อมูลได้ง่ายขึ้นโดยไม่สูญเสียการจัดรูปแบบเดิม
  • เครือข่าย: รายการในเมนูบริบทได้รับการอัปเดตให้ใช้รูปแบบประโยคเพื่อให้อ่านได้ง่ายขึ้น
  • Console: แก้ปัญหาที่ตัวกรองสำหรับข้อยกเว้นที่ไม่ได้แคชหายไป หลังจากโหลดหน้าเว็บซ้ำ

ปัญหาเกี่ยวกับ Chromium: 378870233, 461041921, 433162438

ประกาศเกี่ยวกับการช่วยเหลือพิเศษ

เวอร์ชันนี้มีการปรับปรุงการช่วยเหลือพิเศษดังต่อไปนี้

  • Search: ตอนนี้โปรแกรมอ่านหน้าจอจะประกาศจำนวนผลการค้นหา (เช่น "1 จาก 5") เมื่อใช้ Ctrl+F
  • เครื่องบันทึก: ตอนนี้โปรแกรมอ่านหน้าจอจะประกาศเมื่อมีการลบหรือนำเข้าการบันทึก เรียบร้อยแล้ว
  • การตั้งค่า: ตอนนี้โปรแกรมอ่านหน้าจอจะประกาศจำนวนผลลัพธ์เมื่อ กรองในแท็บการทดสอบ
  • ความเป็นส่วนตัว: ตอนนี้คุณเข้าถึงกลุ่มต้นทางในแผงความเป็นส่วนตัวได้เต็มรูปแบบโดยใช้แป้นพิมพ์
  • UI: ปรับปรุงระดับการมองเห็นไอคอนในแถบแอปและองค์ประกอบที่เลือกที่ปิดใช้สำหรับ ผู้ใช้ในโหมดคอนทราสต์สูงและโหมดสีที่บังคับ

ปัญหาใน Chromium: 448675917, 392090449, 471713944, 471141907, 471095586