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

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

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

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

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

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

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

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

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

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

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

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

การรู้ไบต์ของออบเจ็กต์ในหน่วยความจำ WebAssembly โดยรอบถือเป็นปัญหา คุณต้องรู้ขนาดของวัตถุและนับจำนวนไบต์จากจุดเริ่มต้นของวัตถุ

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

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

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

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

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

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

รองรับข้อมูลผู้เริ่มที่สมบูรณ์สำหรับการนำเข้า HAR

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

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

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

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

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

การค้นหา DOM

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

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

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

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

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

คุณสมบัติการจัดเรียงเนื้อหา Flexbox

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

ไฮไลต์เบ็ดเตล็ด

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

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

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

ติดต่อทีม Chrome DevTools

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

  • ส่งข้อเสนอแนะหรือความคิดเห็นถึงเราทาง crbug.com
  • รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บโดยใช้ตัวเลือกเพิ่มเติม   เพิ่มเติม > ความช่วยเหลือ > รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บในเครื่องมือสำหรับนักพัฒนาเว็บ
  • ทวีตที่ @ChromeDevTools
  • แสดงความคิดเห็นว่ามีอะไรใหม่ในวิดีโอ YouTube เครื่องมือสำหรับนักพัฒนาเว็บ หรือวิดีโอ YouTube สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ

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

รายการข้อมูลทั้งหมดที่ครอบคลุมในซีรีส์มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ