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

Jecelyn Yeen

ปรับแต่งแป้นพิมพ์ลัดในเครื่องมือสำหรับนักพัฒนาเว็บ

ตอนนี้คุณปรับแต่งแป้นพิมพ์ลัดสำหรับคำสั่งโปรดในเครื่องมือสำหรับนักพัฒนาเว็บได้แล้ว

ไปที่การตั้งค่า > แป้นพิมพ์ลัด วางเมาส์เหนือคำสั่ง แล้วคลิกปุ่มแก้ไข (ไอคอนดินสอ) เพื่อปรับแต่งแป้นพิมพ์ลัด คุณยังสร้างคอร์ด (หรือที่เรียกว่าแป้นพิมพ์ลัดแบบกดหลายปุ่ม) ได้ด้วย

ปรับแต่งแป้นพิมพ์ลัดในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์

ปัญหาเกี่ยวกับ Chromium: 1335274, 174309

สลับธีมสว่างและธีมมืดด้วยแป้นพิมพ์ลัด

กำหนดค่าแป้นพิมพ์ลัดเพื่อสลับธีมสว่างและธีมมืดได้อย่างสะดวก โดยค่าเริ่มต้น การดำเนินการจะไม่แมปกับแป้นพิมพ์ลัดใดๆ

สลับธีมสว่างและธีมมืดด้วยแป้นพิมพ์ลัด

ปัญหาเกี่ยวกับ Chromium: 1280398, 1226363

ไฮไลต์ออบเจ็กต์ C/C++ ในเครื่องมือตรวจสอบหน่วยความจำ

เครื่องมือตรวจสอบหน่วยความจำจะไฮไลต์ไบต์ทั้งหมดของออบเจ็กต์หน่วยความจำ C/C++

การจดจำไบต์ของออบเจ็กต์ท่ามกลางหน่วยความจำ WebAssembly รอบๆ เป็นปัญหาที่พบได้ คุณต้องทราบขนาดของออบเจ็กต์และนับไบต์จากจุดเริ่มต้นของออบเจ็กต์

ฟีเจอร์นี้จะช่วยให้คุณแยกความทรงจำเหล่านี้ออกจากความทรงจำรอบข้างได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับการเปลี่ยนแปลงได้ที่การขยายโปรแกรมตรวจสอบหน่วยความจำสำหรับการแก้ไขข้อบกพร่อง C/C++

ไฮไลต์ออบเจ็กต์ C/C++ ในเครื่องมือตรวจสอบหน่วยความจำ

ปัญหา Chromium: 1336568

รองรับข้อมูลผู้เริ่มการเรียกให้แสดงผลทั้งหมดสําหรับการนําเข้า HAR

ข้อมูลผู้เริ่มทั้งหมดพร้อมใช้งานแล้วสําหรับการนําเข้า HAR ก่อนหน้านี้ แผงเครือข่ายจะแสดงข้อมูลผู้เริ่มเพียงบางส่วนในระหว่างการนําเข้า

ข้อมูลผู้เริ่มช่วยให้นักพัฒนาแอปติดตามต้นทางของคําขอเครือข่ายและระบุปัญหาที่เกี่ยวข้องกับเครือข่ายได้

รองรับข้อมูลผู้เริ่มการทํางานทั้งหมดสําหรับการนําเข้า HAR

ปัญหา Chromium: 1343185

เริ่มการค้นหา DOM หลังจากกด Enter

ตอนนี้คุณสามารถปิดใช้การตั้งค่าค้นหาขณะพิมพ์เพื่อเริ่มการค้นหา DOM ทุกครั้งหลังจากกด Enter

ในแผงองค์ประกอบ ให้สลับแถบค้นหาด้วย Control หรือ Command + F ขณะที่คุณพิมพ์ข้อความค้นหาในกล่องข้อความค้นหา ต้นไม้ DOM จะข้ามไปยังองค์ประกอบแรกที่ตรงกันและไฮไลต์ไว้โดยค่าเริ่มต้น

ลักษณะการทำงานนี้ไม่เหมาะสําหรับผู้ใช้ โดยเฉพาะผู้ทดสอบที่ใช้คําค้นหาที่ยาวเสมอ ต้นไม้ DOM อาจกระโดดหลายครั้งขณะที่คุณพิมพ์คำค้นหาที่ยาว (เช่น //div[@id="example"]) ลักษณะการทำงานนี้ทำให้เกิดการเคลื่อนไหวที่ไม่จำเป็น

การค้นหา DOM

ไปที่การตั้งค่า > ค่ากำหนด แล้วปิดใช้ค้นหาขณะพิมพ์ การเปลี่ยนแปลงนี้จะทำให้การค้นหาเริ่มต้นหลังจากที่คุณกด Enter เท่านั้น

การตั้งค่าการค้นหาขณะพิมพ์

ปัญหา Chromium: 1344526

แสดงไอคอน start และ end สำหรับพร็อพเพอร์ตี้ Flexbox ของ CSS align-content

ในแผงสไตล์ ให้แก้ไขพร็อพเพอร์ตี้ align-content ในคลาส CSS ด้วย display: flex หรือ display: inline-flex start และ end จะแสดงในเมนูแบบเลื่อนลงที่เติมข้อความอัตโนมัติพร้อมไอคอน

พร็อพเพอร์ตี้ align-content ของ Flexbox

ปัญหา Chromium: 1139945

ไฮไลต์อื่นๆ

  • แสดงจํานวนข้อความที่ถูกต้องในแถบด้านข้างของ Console ก่อนหน้านี้ ระบบจะไม่รีเฟรชจํานวนเมื่อล้างข้อความคอนโซล (1343311)

ดาวน์โหลดแชแนลตัวอย่าง

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

ติดต่อทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ใช้ตัวเลือกต่อไปนี้เพื่อพูดคุยเกี่ยวกับฟีเจอร์ใหม่ การอัปเดต หรือสิ่งอื่นๆ ที่เกี่ยวข้องกับเครื่องมือสำหรับนักพัฒนาเว็บ

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

รายการทุกอย่างที่ครอบคลุมในชุดมีอะไรใหม่ใน DevTools