Selenium (ซิลิเนี่ยม) เป็น Software Testing Framework (ซอฟแวร์ เทสติ้ง เฟรมเวิร์ค) ที่มีประสิทธิภาพดีตัวหนึ่งในปัจจุบัน ซึ่งเอาไว้ใช้สำหรับทำ Automated Testing (ออโต้เมท เทสติ้ง) หรือพูดง่ายๆคือเราสามารถควบคุมหน้าเว็บได้โดยการเขียนโปรแกรม ซึ่งในภาษาไพทอนได้มีโมดูล Selenium (ซิลิเนียม) รองรับแล้ว อีกทั้งยังสามารถรันได้ในหลายๆระบบปฏิบัติการเช่น วินโดวส์ ลินุกซ์ แต่ในการทำงานเราจำเป็นจะต้องรู้วิธีในการหาเส้นทางต่างๆ เพื่อหาเข้าถึง element แต่ละตัวได้ ซึ่งในบทความนี้เราจะมาพูดถึงการหา CSS selectors กัน

CSS selectors (ซีเอสเอส ซีเล็คเตอร์)  คืออะไร

      CSS selectors หรือ ตัวเลือก CSS เป็นส่วนแรกของกฎ CSS เป็นรูปแบบขององค์ประกอบและ elements ที่บอกเบราว์เซอร์ว่าควรเลือกองค์ประกอบ HTML ใดเพื่อให้มีการใช้ค่าคุณสมบัติ CSS ภายในกฎ องค์ประกอบที่ตัวเลือกเลือกจะเรียกว่า selectors ซึ่ง CSS เป็นภาษาเฉพาะ และถูกกำหนดมาตรฐานโดย W3C ใช้สำหรับตกแต่งเอกสาร HTML/XHTML ให้มีหน้าตา สีสัน ตัวอักษร พื้นหลีง ระยะห่าง ฯลฯ อย่างที่เราต้องการ ด้วยการกำหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML เช่น <body>,<p>,<h1> เป็นต้น

การหา CSS selectors

ขั้นตอนที่ 1 คลิ๊กขวาบนพื้นที่ที่เราต้องการจะหา selectors จากนั้น คลิ๊กที่ inspect หรือกด Ctrl + Shift + I       

ทำการค้นหาโครงสร้างของปุ่มที่ต้องการ

 ค้นหาโครงสร้าง

ขั้นตอนที่ 2 จะปรากฏแถบโครงสร้างขึ้นมา ให้เราทำการคลิ๊กขวาในแถบที่ถูกไฮไลท์เอาไว้จากทำการ copy และเลือกที่ Copy selector

ทำการคัดลอกเส้นทางที่ต้องการ

          คัดลอกเส้นทาง

     เท่านี้ก็เป็นการคัดเส้นทางมาแล้ววิธีใช้ก็แค่นำไปวาง Ctrl+V บนโปรแกรมที่เราจะทำงาน เพียงเท่านี้เราก็สามารถคัดลอกเส้นทาง CSS selectors ไปใช้งานได้แล้วนับว่าง่ายมากเลยทีเดียว ซึ่งนอกจาก CSS selectors แล้ว ก็ยังสามารถใช้เส้นทางเอกซ์พาทได้ด้วย วิธีในการค้นหาก็จะคล้ายๆ สามารถดูเพิ่มเติมได้ที่ การหา X path (เอกซ์พาท) ง่ายๆเพื่อนำไปใช้กับโมดูล Selenium (ซิลิเนี่ยม)

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว