เครื่องมือเลือก CSS ที่มีประสิทธิภาพสำหรับนักพัฒนา
Lume CSS Selector เป็นส่วนขยาย Chrome ที่ทรงพลังซึ่งออกแบบมาเพื่อทำให้กระบวนการสร้าง CSS selectors สำหรับการทดสอบการทำงานอัตโนมัติของเว็บง่ายขึ้น โดยรวมเข้ากับแผง Elements ของ Chrome DevTools เครื่องมือนี้ช่วยให้ผู้ใช้สามารถคลิกที่แอตทริบิวต์ขององค์ประกอบใดก็ได้ เช่น คลาสหรือ ID เพื่อสร้าง CSS selectors ที่แม่นยำ มันมีประโยชน์โดยเฉพาะสำหรับผู้ที่ทำงานกับ Selenium WebDriver และ Cypress ทำให้การทำงานอัตโนมัติของงานทดสอบเว็บง่ายขึ้น
ทางเลือกที่แนะนำมากที่สุด
ฟีเจอร์หลัก ๆ ได้แก่ โครงสร้างต้นไม้แบบโต้ตอบที่แสดงโครงสร้าง DOM อย่างชัดเจน จำนวนการจับคู่ต่อแอตทริบิวต์เพื่อช่วยให้ผู้ใช้เข้าใจความเฉพาะเจาะจงของ selector และฟังก์ชันไฮไลต์สดที่แสดงองค์ประกอบที่ตรงกันบนหน้า นอกจากนี้ส่วนขยายยังมีการนำทาง Prev/Next สำหรับการเรียกดู selectors ได้อย่างง่ายดาย ตัวกรอง Only Visible เพื่อมุ่งเน้นไปที่องค์ประกอบที่แสดงอยู่ในปัจจุบัน และฟีเจอร์คัดลอกด้วยคลิกเดียวเพื่ออำนวยความสะดวกในการใช้งานอย่างรวดเร็วในสคริปต์ทดสอบ
