คุณสามารถค้นหาข้อมูล XPath สำหรับองค์ประกอบของเว็บไซต์ได้โดยใช้เครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์ส่วนใหญ่ Firebug สำหรับ Firefox ให้คุณคัดลอกข้อมูล XPath ไปยังคลิปบอร์ดของคุณได้โดยตรง สำหรับเบราว์เซอร์อื่นๆ ส่วนใหญ่ คุณสามารถค้นหาข้อมูล XPath สำหรับองค์ประกอบในเครื่องมือสำหรับนักพัฒนา แต่จะต้องจัดรูปแบบด้วยตนเอง
ขั้นตอน
วิธีที่ 1 จาก 4: การใช้ Firefox และ Firebug
ขั้นตอนที่ 1 ติดตั้ง Firebug สำหรับ Firefox
Firebug เป็นส่วนเสริมตัวตรวจสอบเว็บสำหรับ Firefox
- คลิกปุ่มเมนู Firefox (☰) แล้วเลือก "โปรแกรมเสริม"
- คลิก "รับส่วนเสริม" จากนั้นคลิก "รับส่วนเสริมเพิ่มเติม!" ปุ่ม.
- ค้นหา "Firebug" จากนั้นคลิกปุ่ม "เพิ่มใน Firefox" ข้างๆ
- ยืนยันว่าคุณต้องการติดตั้ง Firebug แล้วรีสตาร์ท Firefox เมื่อได้รับแจ้ง
ขั้นตอนที่ 2. เปิดเว็บไซต์ที่คุณต้องการตรวจสอบ
คุณสามารถใช้ Firebug เพื่อตรวจสอบองค์ประกอบใดๆ บนเว็บไซต์เพื่อค้นหา XPath
ขั้นตอนที่ 3 คลิกปุ่ม Firebug
ที่มุมขวาบนของหน้าต่าง ซึ่งจะเปิดแผง Firebug ที่ด้านล่างของหน้าต่าง Firefox
ขั้นตอนที่ 4 คลิกปุ่มตัวตรวจสอบองค์ประกอบ
ปกติอยู่ที่แถวบนสุดของปุ่มในแผง Firebug ทางด้านล่างของหน้าต่าง ทางขวาของปุ่ม Firebug Options ดูเหมือนกล่องที่มีเคอร์เซอร์ชี้ไปที่กล่องนั้น
ขั้นตอนที่ 5. คลิกองค์ประกอบหน้าเว็บที่คุณต้องการตรวจสอบ
เมื่อคุณเลื่อนเคอร์เซอร์ไปบนหน้าเว็บ คุณจะเห็นองค์ประกอบต่างๆ ถูกเน้น คลิกรายการที่คุณต้องการค้นหา XPath
ขั้นตอนที่ 6 คลิกขวาที่โค้ดที่ไฮไลต์ในแผง Firebug
เมื่อคุณคลิกองค์ประกอบในหน้าเว็บ โค้ดที่เกี่ยวข้องจะถูกเน้นในแผง Firebug ที่ด้านล่างของหน้าต่าง คลิกขวาที่โค้ดที่ไฮไลต์นี้
ขั้นตอนที่ 7 เลือก "คัดลอก XPath" จากเมนู
การดำเนินการนี้จะคัดลอกข้อมูล XPath ขององค์ประกอบไปยังคลิปบอร์ดของคุณ
หากคุณเลือก "คัดลอก Minimal XPath " ระบบจะคัดลอกเฉพาะข้อมูล XPath พื้นฐานเท่านั้น
ขั้นตอนที่ 8 วางข้อมูล XPath ที่คัดลอกไว้ที่อื่น
เมื่อคัดลอกโค้ดแล้ว คุณสามารถวางโค้ดไว้ที่ใดก็ได้ตามต้องการโดยคลิกขวาแล้วเลือก "วาง"
วิธีที่ 2 จาก 4: การใช้ Chrome
ขั้นตอนที่ 1 เปิดเว็บไซต์ที่คุณต้องการตรวจสอบใน Chrome
คุณไม่จำเป็นต้องติดตั้งส่วนขยายใดๆ เพื่อให้สามารถค้นหาข้อมูล XPath ขององค์ประกอบเว็บไซต์เมื่อคุณใช้ Chrome
ขั้นตอนที่ 2. กด
F12 เพื่อเปิดตัวตรวจสอบเว็บไซต์
ซึ่งจะปรากฏที่ด้านขวาของหน้าต่าง
ขั้นตอนที่ 3 คลิกปุ่มตัวตรวจสอบองค์ประกอบ
ปกติอยู่ที่มุมซ้ายบนของแผงตรวจสอบเว็บไซต์ ปุ่มดูเหมือนกล่องที่มีเคอร์เซอร์ชี้ไปที่ปุ่มนั้น
ขั้นตอนที่ 4 คลิกองค์ประกอบบนเว็บไซต์ที่คุณต้องการตรวจสอบ
คุณจะเห็นองค์ประกอบของไซต์ที่ไฮไลต์เมื่อคุณเลื่อนเคอร์เซอร์ไปที่องค์ประกอบเหล่านั้น
ขั้นตอนที่ 5. คลิกขวาที่โค้ดที่ไฮไลต์ในแผงตัวตรวจสอบ
เมื่อคุณคลิกองค์ประกอบที่มีผู้ตรวจสอบ โค้ดที่เกี่ยวข้องจะไฮไลต์โดยอัตโนมัติในแผงตัวตรวจสอบที่ด้านขวาของหน้าต่าง คลิกขวาที่โค้ดที่ไฮไลต์
ขั้นตอนที่ 6 เลือก "คัดลอก" → "คัดลอก XPath
" การดำเนินการนี้จะคัดลอกข้อมูล XPath ขององค์ประกอบไปยังคลิปบอร์ดของคุณ
โปรดทราบว่านี่เป็นเพียงการคัดลอกข้อมูล XPath ขั้นต่ำเท่านั้น Firebug สำหรับ Firefox สามารถให้ข้อมูล XPath ทั้งหมดแก่คุณได้
ขั้นตอนที่ 7 วางข้อมูล XPath ที่คัดลอกมา
คุณสามารถวางข้อมูล XPath ที่คัดลอกไว้ได้เหมือนกับที่คุณทำกับข้อมูลที่คัดลอกมาโดยคลิกขวาในช่องข้อความและเลือก "วาง"
วิธีที่ 3 จาก 4: การใช้ Safari
ขั้นตอนที่ 1 คลิกเมนู Safari และเลือก "Preferences
" คุณจะต้องเปิดใช้งานเมนู Develop เพื่อเข้าถึงยูทิลิตี้ Web Inspector
ขั้นตอนที่ 2 คลิกแท็บ "ขั้นสูง"
ซึ่งจะแสดงการตั้งค่า Safari ขั้นสูง
ขั้นตอนที่ 3 ทำเครื่องหมายที่ช่อง "แสดงเมนูพัฒนาในแถบเมนู"
เมนู Develop จะปรากฏขึ้นทันทีในแถบเมนู
ขั้นตอนที่ 4 เปิดเว็บไซต์ที่คุณต้องการตรวจสอบ
ปิดเมนูการตั้งค่าและไปที่เว็บไซต์ที่มีองค์ประกอบที่คุณต้องการรับ XPath
ขั้นตอนที่ 5. คลิกเมนู Develop และเลือก "Show Web Inspector
" แผง Web Inspector จะปรากฏขึ้นที่ด้านล่างของหน้าต่าง
ขั้นตอนที่ 6 คลิกปุ่ม "เริ่มการเลือกองค์ประกอบ"
ดูเหมือนเป้าเล็ง สามารถพบได้ที่แถวบนสุดของปุ่มในแผง Web Inspector
ขั้นตอนที่ 7 คลิกองค์ประกอบบนเว็บไซต์ที่คุณต้องการตรวจสอบ
ซึ่งจะเน้นรหัสสำหรับองค์ประกอบนั้นในแผง Web Inspector ที่ด้านล่างของหน้าต่าง
ขั้นตอนที่ 8. บันทึกข้อมูล XPath ที่ด้านบนของแผนผัง
คุณไม่สามารถคัดลอก XPath ได้โดยตรง แต่คุณสามารถดูเส้นทางแบบเต็มที่วางอยู่เหนือโค้ดที่แสดงใน Web Inspector แต่ละแท็บคือนิพจน์เส้นทาง
วิธีที่ 4 จาก 4: การใช้ Internet Explorer
ขั้นตอนที่ 1. เปิดเว็บไซต์ที่คุณต้องการตรวจสอบใน Internet Explorer
คุณไม่จำเป็นต้องติดตั้งอะไรเลยเพื่อค้นหา XPath ใน Internet Explorer เปิดเว็บไซต์ที่มีองค์ประกอบที่คุณต้องการตรวจสอบ
ขั้นตอนที่ 2 กด F12 เพื่อเปิดเครื่องมือสำหรับนักพัฒนา
แผงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จะปรากฏที่ด้านล่างของหน้าต่าง
ขั้นตอนที่ 3 คลิกปุ่ม "เลือกองค์ประกอบ"
ปกติอยู่ที่มุมซ้ายบนของแผงเครื่องมือสำหรับนักพัฒนา
ขั้นตอนที่ 4 คลิกองค์ประกอบบนหน้าเว็บที่คุณต้องการตรวจสอบ
การดำเนินการนี้จะเลือกและไฮไลต์โค้ดดังกล่าวใน DOM Explorer
ขั้นตอนที่ 5. บันทึกข้อมูล XPath ที่ด้านล่างของแผง
แต่ละแท็บที่ด้านล่างของแผงคือนิพจน์ XPath สำหรับองค์ประกอบที่คุณเลือก คุณไม่สามารถคัดลอกในรูปแบบ XPath เช่นเดียวกับใน Firefox ด้วย Firebug