เนื้อหา

• ขั้นตอน
• วิธีที่ 1 จาก 4: การใช้ Firebug ใน Firefox
• วิธีที่ 2 จาก 4: การใช้ Chrome
• วิธีที่ 3 จาก 4: การใช้ Safari
• วิธีที่ 4 จาก 4: การใช้ Internet Explorer (IE)

เส้นทาง XPath ไปยังองค์ประกอบของไซต์สามารถพบได้ในเบราว์เซอร์ส่วนใหญ่โดยใช้เครื่องมือสำหรับนักพัฒนา Firebug สำหรับ Firefox จะคัดลอก XPath ไปยังคลิปบอร์ดโดยตรง ในเบราว์เซอร์อื่นๆ ส่วนใหญ่ เส้นทาง XPath ไปยังองค์ประกอบสามารถพบได้โดยใช้เครื่องมือสำหรับนักพัฒนา แต่คุณจะต้องจัดรูปแบบด้วยตนเอง

ขั้นตอน

วิธีที่ 1 จาก 4: การใช้ Firebug ใน Firefox

1. 1 ติดตั้ง Firebug สำหรับ Firefox Firebug เป็นตัวตรวจสอบเว็บสำหรับ Firefox
   • คลิกปุ่มเมนู Firefox (☰) และเลือกโปรแกรมเสริม
   • คลิก "รับส่วนเสริม" - "ดูส่วนเสริมเพิ่มเติม"
   • ค้นหาส่วนขยาย Firebug แล้วคลิกเพิ่มใน Firefox
   • ยืนยันว่าคุณต้องการติดตั้ง Firebug แล้วรีสตาร์ท Firefox (ตามคำขอ)
2. 2 เปิดเว็บไซต์ที่คุณต้องการ Firebug สามารถใช้เพื่อค้นหาเส้นทาง XPath ไปยังองค์ประกอบใดๆ ในไซต์
3. 3 คลิกปุ่ม Firebug ตั้งอยู่ที่มุมขวาบนของหน้าต่างเบราว์เซอร์ แผง Firebug จะเปิดขึ้นที่ด้านล่างของหน้าต่าง Firefox
4. 4 คลิกปุ่มตรวจสอบรายการ อยู่ในแถวบนสุดของปุ่มในแผง Firebug (ทางขวาของปุ่มตัวเลือก Firebug) ไอคอนของปุ่มนี้ดูเหมือนสี่เหลี่ยมที่มีเคอร์เซอร์
5. 5 คลิกที่องค์ประกอบที่จำเป็นของหน้าเว็บ เมื่อคุณเลื่อนเคอร์เซอร์ไปรอบๆ หน้าเว็บ แผง Firebug จะเน้นองค์ประกอบต่างๆ หยุดที่องค์ประกอบที่คุณต้องการทราบเส้นทาง XPath
6. 6 คลิกขวาที่โค้ดที่ไฮไลต์ในแผง Firebug เมื่อคุณคลิกองค์ประกอบที่ต้องการของหน้าเว็บ โค้ดที่เกี่ยวข้องจะถูกเน้นในแผง Firebug คลิกขวาที่โค้ดที่ไฮไลต์
7. 7 เลือกคัดลอก XPath จากเมนู เส้นทาง XPath ถูกคัดลอกไปยังคลิปบอร์ด
   • หากคุณเลือก Copy Mini XPath จากเมนู ระบบจะคัดลอกเฉพาะเส้นทาง XPath แบบสั้นเท่านั้น
8. 8 วาง XPath ที่คัดลอกไว้ในตำแหน่งที่คุณต้องการ เส้นทางที่คัดลอกสามารถวางได้ทุกที่ ในการดำเนินการนี้ ให้คลิกขวาและเลือก "วาง" จากเมนู

วิธีที่ 2 จาก 4: การใช้ Chrome

1. 1 เปิดเว็บไซต์ที่คุณต้องการ Chrome ไม่ต้องการส่วนขยายใดๆ เพื่อค้นหาเส้นทาง XPath ไปยังองค์ประกอบใดๆ ในเว็บไซต์
2. 2 คลิกที่ F12เพื่อเปิดตัวตรวจสอบเว็บ จะปรากฏที่ด้านขวาของหน้าต่าง
3. 3 คลิกปุ่มตรวจสอบรายการ ที่มุมซ้ายบนของแผงตรวจสอบเว็บ ไอคอนของปุ่มนี้ดูเหมือนสี่เหลี่ยมที่มีเคอร์เซอร์
4. 4 คลิกที่องค์ประกอบที่จำเป็นของหน้าเว็บ เมื่อคุณเลื่อนเคอร์เซอร์ไปไว้เหนือหน้าเว็บ องค์ประกอบต่างๆ จะถูกเน้นในบานหน้าต่างตัวตรวจสอบเว็บ
5. 5 ในบานหน้าต่างตัวตรวจสอบเว็บ ให้คลิกขวาที่โค้ดที่ไฮไลต์ เมื่อคุณคลิกที่องค์ประกอบที่ต้องการของหน้าเว็บ โค้ดที่เกี่ยวข้องจะถูกเน้นในบานหน้าต่างตัวตรวจสอบเว็บ คลิกขวาที่โค้ดที่ไฮไลต์
6. 6 จากเมนู ให้เลือก คัดลอก - คัดลอก XPath เส้นทาง XPath ของรายการที่เลือกจะถูกคัดลอกไปยังคลิปบอร์ด
   • โปรดทราบว่า XPath แบบสั้นจะถูกคัดลอก สามารถคัดลอกพาธแบบขยายได้โดยใช้ส่วนขยาย Firebug สำหรับเบราว์เซอร์ Firefox
7. 7 วางเส้นทาง XPath ที่คัดลอก เส้นทางที่คัดลอกสามารถวางได้เหมือนกับข้อมูลอื่นๆ ในการดำเนินการนี้ ให้คลิกขวาและเลือก "วาง" จากเมนู

วิธีที่ 3 จาก 4: การใช้ Safari

1. 1 เปิดเมนู Safari แล้วเลือกการตั้งค่า ในการเข้าถึงตัวตรวจสอบเว็บ คุณต้องเปิดใช้งานฟังก์ชัน Develop
2. 2 คลิกที่แท็บ "ขั้นสูง" ค่ากำหนดขั้นสูงของ Safari จะเปิดขึ้น
3. 3 ทำเครื่องหมายที่ตัวเลือก "แสดงเมนูการพัฒนาในแถบเมนู" เมนู Develop จะปรากฏบนแถบเมนู
4. 4 เปิดเว็บไซต์ที่คุณต้องการ ปิดการตั้งค่า Safari และไปที่เว็บไซต์ที่ต้องการ
5. 5 เปิดเมนู Develop แล้วเลือก Show Web Inspector แผงตัวตรวจสอบเว็บจะเปิดขึ้นที่ด้านล่างของหน้าต่าง
6. 6 คลิกเริ่มค้นหารายการ ปุ่มนี้มีไอคอนกากบาทและอยู่ในแถวบนสุดของปุ่มในแผงตัวตรวจสอบเว็บ
7. 7 คลิกที่องค์ประกอบเว็บไซต์ที่ต้องการ รหัสรายการจะถูกเน้นในบานหน้าต่างตัวตรวจสอบเว็บ
8. 8 ที่ด้านบนของบานหน้าต่างตัวตรวจสอบเว็บ ให้สังเกตเส้นทาง XPath คุณไม่สามารถคัดลอกพาธ XPath ได้ แต่พาธขยายปรากฏเหนือโค้ดในบานหน้าต่างตัวตรวจสอบเว็บ แต่ละแท็บเป็นสูตรเส้นทาง

วิธีที่ 4 จาก 4: การใช้ Internet Explorer (IE)

1. 1 เปิดเว็บไซต์ที่คุณต้องการ IE ไม่ต้องการส่วนขยายใดๆ เพื่อค้นหาเส้นทาง XPath ไปยังองค์ประกอบใดๆ บนเว็บไซต์ ขั้นแรก เปิดเว็บไซต์ที่คุณต้องการ
2. 2 คลิกที่ F12เพื่อเปิดเครื่องมือสำหรับนักพัฒนา แถบเครื่องมือสำหรับนักพัฒนาจะปรากฏที่ด้านล่างของหน้าต่างเบราว์เซอร์
3. 3 คลิกเลือกรายการ ที่มุมซ้ายบนของแถบเครื่องมือสำหรับนักพัฒนา
4. 4 คลิกที่องค์ประกอบที่จำเป็นของหน้าเว็บ องค์ประกอบและรหัสจะถูกเน้น (ในแถบเครื่องมือสำหรับนักพัฒนา)
5. 5 ที่ด้านล่างของพาเนล ให้สังเกตพาธ XPath แต่ละแท็บ (แสดงที่ด้านล่างของแผง) เป็นสูตรสำหรับเส้นทางไปยังรายการที่เลือก คุณไม่สามารถคัดลอกเส้นทาง XPath (สามารถทำได้โดยใช้ส่วนขยาย Firebug สำหรับเบราว์เซอร์ Firefox)