หน้านี้ได้รับการแปลโดย Cloud Translation API

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

Jecelyn Yeen

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

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

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

ปัญหา Chromium: 1178508

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

แผงโปรแกรมอัดเสียงรองรับ XPath และตัวเลือกข้อความแล้ว เริ่มบันทึกโฟลว์ผู้ใช้ และโปรแกรมอัดเสียงจะเลือก 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

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

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