ง่ายต่อการเลือก: รับค่าเลือก CSS ที่อ่านง่ายและสามารถบำรุงรักษาได้
Easy Select เป็นส่วนเสริมของ Chrome ฟรีที่พัฒนาโดย fy มันอยู่ในหมวดหมู่ของเบราว์เซอร์และถูกจัดอยู่ในหมวดหมู่ย่อยของ Add-ons & Tools จุดประสงค์ของ Easy Select คือการช่วยให้นักพัฒนาเว็บได้รับ CSS selectors ที่อ่านง่ายและสามารถบำรุงรักษาได้จากองค์ประกอบ
เมื่อเปรียบเทียบกับคุณสมบัติ "คัดลอกตัวเลือก" แบบดั้งเดิม Easy Select ให้ผลลัพธ์ที่ดีกว่า ตัวอย่างเช่น ในขณะที่ "คัดลอกตัวเลือก" อาจสร้างตัวเลือกที่ยาวและซับซ้อนเช่น "#TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a" Easy Select จะทำให้มันเรียบง่ายลงเป็น "div[itemprop='zhihu:question'] > a"
ในการใช้ Easy Select เพียงแค่คลิกขวาและตรวจสอบองค์ประกอบบนหน้าเว็บ ทางด้านขวาของตัวตรวจสอบคุณจะพบ Easy Select ที่ตั้งอยู่หลังส่วน "Styles, Computed, Event Listener" ปรับแต่งตัวเลือกของคุณและคลิก "ส่งออก" เพื่อรับ CSS selector ที่ต้องการ
โดยรวมแล้ว Easy Select เป็นเครื่องมือที่มีประโยชน์สำหรับนักพัฒนาเว็บที่กำลังมองหาวิธีที่มีประสิทธิภาพมากขึ้นในการรับ CSS selectors ที่อ่านง่ายและสามารถบำรุงรักษาได้