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

เผยแพร่เมื่อวันที่ 11 กุมภาพันธ์ 2026

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

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

เซิร์ฟเวอร์ MCP ของเครื่องมือสำหรับนักพัฒนาเว็บ ได้รับการอัปเดตที่สำคัญจากเวอร์ชัน 0.11.0 เป็นเวอร์ชัน 0.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 ที่แก้ไขได้รองรับการสลับการจัดรูปแบบอย่างสวยงามแบบย้อนกลับได้แล้ว ซึ่งช่วยให้แก้ไขข้อมูลได้ง่ายขึ้นโดยไม่สูญเสียการจัดรูปแบบเดิม
  • เครือข่าย: เราได้อัปเดตรายการในเมนูบริบทให้ใช้ตัวพิมพ์ใหญ่ตัวแรกของประโยคเพื่อให้ผู้ใช้สามารถอ่านได้ง่ายขึ้น
  • คอนโซล: แก้ไขปัญหาที่ตัวกรองสำหรับข้อยกเว้นที่ไม่ได้จัดการหายไปหลังจากโหลดหน้าเว็บใหม่

ปัญหา Chromium: 378870233, 461041921, 433162438

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

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

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

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