ChroPath เครื่องมือที่ช่วยในการเขียน Xpath บน Firefox

จากบทความที่แล้วที่เราได้ลองใช้เครื่องมือบนฝั่ง Google Chrome กันแล้ว (อ่านบทความที่นี่) บทความนี้เรามาลองใช้ของฝั่ง Firefox กันบ้าง

ChroPath เป็นตัวที่เราชอบและอยากแนะนำให้เพื่อน ๆ ลองใช้กันดูเพราะคล้ายกับ Xpath Helper มาเริ่มกันเลย

ดาวน์โหลดกันได้ตามนี้ > https://addons.mozilla.org/th/firefox/addon/chropath-for-firefox/

หลังจากติดตั้งเสร็จเจ้าตัวนี้จะขึ้นอยู่ในแท็บเดียวกันกับการ Inspect หน้าเว็บเพจโดยจะอยู่ตัวท้ายสุดของแท็บ

มาเริ่มงานกันเลย! หลังจากกดแท็บ ChroPath ให้กดปุ่ม Inspect แล้วชึ้นไป Xpath ที่ต้องการ

หน้าจอจะแสดง Xpath ของ Element โดยจะแสดงทั้ง Relative Xpath, Absolute Xpath, CSS และ Html

รวมถึงจำนวนของ Xpath ที่เจอในหน้านั้น

สำหรับวิธีการเช็ค Xpath สามารถทำได้โดยใส่ลงไปในช่อง selectors แล้วกด Enter หน้าจอก็จะไฮไลท์ส่วนที่ตรงกับ Xpath รวมทั้ง Relative Xpath, Absolute Xpath, CSS และ Html รวมถึงจำนวนของ Xpath ที่เจอในหน้านั้นเช่นกัน

ในส่วนของการแสดง Error ต่าง ๆ ก็ดูได้ง่าย

กรณีหาไม่เจอก็จะขึ้น "0 mactching node found"

กรณีเขียนผิดจะขึ้นไฮไลท์สีแดงในช่อง selectors

นอกจากนี้ Firefox ยังมี Tool ตัวอื่น ๆ ที่เราเคยลองอีกประมาณ 2-3 ตัว ในการช่วยหาและเขียน Xpath ตามด้านล่างนี้

สามารถกดเข้าไปดูตามลิงค์กันได้เลย

https://addons.mozilla.org/th/firefox/addon/try-xpath/ - เหมาะสำหรับคนที่ชอบดู Xpath หลากหลายแบบ UX/UIน่าใช้ แต่ไม่มีตัวช่วยในเขียน Xpath

https://addons.mozilla.org/en-US/firefox/addon/xpath_finder/?src=recommended - ตัวยอดดาวน์โหลดเยอะที่สุด ใช้งานง่ายมาก แต่แสดงเฉพาะ Xpath รูปแบบเดียว และส่วนใหญ่เป็น Absolute Xpath

สำหรับรีวิวข้างต้นเกิดจากความถนัดของเรานะ

ใครชอบหรือถนัดตัวไหน มาบอกต่อกันด้วยนะคะ ;)