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

Jecelyn Yeen

คำแนะนำสำหรับพร็อพเพอร์ตี้ CSS ที่ไม่ได้ใช้งาน

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

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

ตรวจหา XPath และตัวเลือกข้อความโดยอัตโนมัติในแผงโปรแกรมอัดเสียง

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

ปัญหาเกี่ยวกับ Chromium: 1327206,1327209

ขั้นตอนผ่านนิพจน์ที่คั่นด้วยคอมมา

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

ก่อนหน้านี้เครื่องมือสำหรับนักพัฒนาเว็บรองรับการใช้งานผ่านนิพจน์ที่คั่นด้วยเครื่องหมายอัฒภาคเท่านั้น

จากโค้ดด้านล่าง

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

ตัวแปลงและตัวลดขนาดอาจเปลี่ยนเป็นนิพจน์ที่คั่นด้วยเครื่องหมายจุลภาค

function bar(){return foo(),foo(),42}

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

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

ปรับปรุงการตั้งค่ารายการละเว้น

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

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

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

การแก้ไขที่สำคัญในรุ่นนี้มีดังนี้

• ชื่อคุณสมบัติ CSS ของการเติมข้อความอัตโนมัติในแผงรูปแบบเมื่อกดแป้นเว้นวรรค (1343316)
• นำการเลื่อนอัตโนมัติในการแสดงเส้นทางของแผงองค์ประกอบออก (1369734)

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

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

ติดต่อทีม Chrome DevTools

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

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

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

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