What is XPath and what is it used for?

XPath (XML Path Language) is a query language for selecting nodes from an XML or HTML document. It uses a path-like syntax to navigate the document tree — for example, //book/title selects all elements that are children of elements anywhere in the document. XPath is used in XML processing, XSLT transformations, web scraping, browser automation (Selenium, Playwright), and XML schema validation.

What is the difference between / and // in XPath?

A single slash (/) selects from the root of the document or the direct child of the current node. For example, /bookstore/book selects elements that are direct children of the root . A double slash (//) selects nodes at any depth. //book selects all elements anywhere in the document, regardless of nesting level. Prefer // when you don't know or care about the exact depth.

How do I filter XPath results by an attribute value?

Use a predicate with @attributeName. For example, //book[@category='cooking'] selects all elements that have a category attribute equal to 'cooking'. To select elements that simply have the attribute (regardless of value), use //book[@category]. To filter by position, use //book[1] for the first book, or //book[last()] for the last one.

What is the difference between XPath 1.0 and XPath 2.0/3.0?

Browsers implement XPath 1.0 via document.evaluate(). XPath 2.0 and 3.0 add a richer type system, sequence operations, and many more built-in functions (string-join, tokenize, etc.), but are not natively available in browsers. This tool uses the browser's built-in XPath 1.0 engine. For XPath 2.0+, you would need a server-side library (such as Saxon in Java or lxml in Python).

เครื่องมือทดสอบ XPath

ไม่พบรายการที่ตรงกัน

โหมด

นิพจน์ XPath

อินพุต XML / HTML

ผลลัพธ์

ไม่มีโหนดที่ตรงกับนิพจน์ XPath

รายละเอียดทางเทคนิค

เครื่องมือทดสอบ XPath ทำงานอย่างไร

เครื่องมือนี้ทำอะไร

XPath Tester ประเมินนิพจน์ XPath กับเอกสาร XML หรือ HTML และไฮไลต์โหนดที่แมตช์ในซอร์ส คุณวางเอกสาร XML/HTML ของคุณ ใส่นิพจน์ XPath แล้วจะเห็นโหนดที่ตรงทั้งหมดทันทีพร้อมดึงเนื้อหาออกมาให้ดู วิธีนี้ให้ฟีดแบ็กแบบเห็นภาพทันทีสำหรับการพัฒนาคิวรีที่ใช้ในการทำ web scraping การแปลงด้วย XSLT และการดึงข้อมูลจาก XML

กรณีการใช้งานทั่วไปของนักพัฒนา

นักพัฒนาใช้ XPath tester เมื่อสร้างตัวเลือกสำหรับ web scraping (Scrapy, lxml) เขียนการแปลงด้วย XSLT คิวรีผลตอบกลับจาก SOAP/XML API หรือดึงข้อมูลจากไฟล์คอนฟิกอย่าง Maven POM และ Android manifest วิศวกร QA พัฒนา Selenium locator ด้วย XPath เมื่อ CSS selector ไม่เพียงพอ (เช่น เลือกตามข้อความ หรือไล่โครงสร้างขึ้นด้านบน) วิศวกร DevOps ใช้คิวรีคอนฟิกการบิลด์และดีพลอยที่เป็น XML

รูปแบบข้อมูล ชนิด หรือรูปแบบย่อย

XPath รองรับ location path (//book/title), predicate (//item[@price > 10]), axis (ancestor::, following-sibling::), ฟังก์ชัน (contains(), starts-with(), normalize-space(), count()) และนิพจน์ union (|) XPath 1.0 คืนค่าเป็น node-set, สตริง, ตัวเลข และบูลีน XPath 2.0+ เพิ่ม sequence, regular expression และฟังก์ชันวันที่/เวลา แม้โดยทั่วไปการรองรับในเบราว์เซอร์มักเป็น 1.0 องค์ประกอบที่มี namespace prefix ต้องลงทะเบียน namespace เพื่อให้แมตช์ได้ถูกต้อง

ข้อผิดพลาดที่พบบ่อยและกรณีขอบ

ข้อผิดพลาด XPath ที่พบบ่อยที่สุดคือการลืมเรื่องเนมสเปซเริ่มต้น — องค์ประกอบที่อยู่ในเนมสเปซจะไม่ตรงกับพาธที่ไม่มีคำนำหน้า แม้ว่าในเอกสารต้นฉบับจะไม่ปรากฏคำนำหน้าก็ตาม HTML ที่ถูกพาร์สเป็น XML จะไวต่อพิมพ์เล็ก-ใหญ่ (DIV ≠ div) ขณะที่พาร์เซอร์ HTML5 จะทำให้เป็นตัวพิมพ์เล็กทั้งหมด ตัวย่อ '//' จะค้นหาลูกหลานทั้งหมดและอาจช้ามากในเอกสารขนาดใหญ่; ควรใช้พาธแบบสัมบูรณ์เมื่อทราบโครงสร้างแล้ว เอนจิน XPath ในเบราว์เซอร์ไม่รองรับฟังก์ชัน XPath 2.0 เช่น matches() สำหรับ regex

เมื่อใดควรใช้เครื่องมือนี้แทนการเขียนโค้ด

ใช้เครื่องมือในเบราว์เซอร์นี้เพื่อทำต้นแบบนิพจน์ XPath อย่างรวดเร็วกับเอกสารตัวอย่างก่อนนำไปฝังในโค้ดสำหรับสแครปหรือการแปลงข้อมูล สำหรับการประมวลผล XML ในระบบจริง ให้ใช้ไลบรารีเฉพาะทาง (lxml สำหรับ Python, Saxon สำหรับ Java) ที่รองรับ XPath 2.0/3.0 จัดการเนมสเปซได้อย่างถูกต้อง และผสานเข้ากับไปป์ไลน์ XSLT และ XQuery สำหรับการแปลงเอกสารที่ซับซ้อน