Đánh giá XPath

Mục lục

• Đánh giá XPath
• Xác định phần tử bằng văn bản

1. Đánh giá XPath

Bạn có thể kiểm tra xem phần tử mong muốn có được xác định đúng bằng XPath trong Chrome hay không. Ngoài ra, bạn cũng có thể kiểm tra xem XPath mà bạn muốn viết trong Akabot có xác định đúng phần tử mong muốn hay không.

Bạn có thể đánh giá XPath bằng cách sử dụng Console trong Developer Tools tích hợp sẵn của Google Chrome. Cú pháp để đánh giá XPath trong Console như sau:

$x('xpath') 

1. Mở trang đầu của Akabot Portal trên Chrome.
   

2. Nhấn phím F12 để mở Developer Tools và chọn tab Console.

Hãy đánh giá XPath //*[@id="custom-blocks"]/div/div/div[2]/a.
XPath này xác định phần tử bao quanh văn bản "How to Use Akabot" trên trang đầu của Akabot Portal, bao gồm cả khoảng trắng xung quanh nó. (Đây là XPath đã lấy trong phần "Basic XPath").

Nhập vào Console:

$x('//*[@id="custom-blocks"]/div/div/div[2]/a')

Kết quả sẽ hiển thị ở dòng tiếp theo sau khi nhập XPath. Nhấp vào kết quả để mở rộng.

Khi di chuột qua phần tử a đã mở rộng, phần tương ứng trên trang sẽ được đánh dấu. Vì phần tử mong muốn (khoảng trắng xung quanh văn bản "How to Use Akabot") được đánh dấu, bạn có thể xác nhận rằng XPath đã được viết đúng.

Lưu ý: Nếu muốn mở Developer Tools từ menu trình duyệt, bạn có thể tham khảo hình minh họa để hiển thị nó.

2. Specifying Elements by Text

Đôi khi bạn có thể không biết giá trị của thuộc tính id  khi xác định một phần tử. Bây giờ, hãy xem cách xác định phần tử chứa văn bản "How to Use Akabot".

Khi bạn muốn xác định phần tử chứa văn bản cụ thể, sử dụng hàm text() , dùng để đánh giá loại node, kết hợp với toán tử so sánh  =.  Cú pháp là:

//*[text()="How to Use akaBot"]. 

Nhập vào Console để kiểm tra xem phần tử mong muốn có được xác định đúng hay không:

javascript

Copy code

$x('//*[text()="How to Use akaBot"]')

Kết quả sẽ hiển thị. Nhấp vào kết quả để mở rộng.

Khi di chuột qua phần tử h3 đã mở rộng, phần tương ứng trên trang sẽ được đánh dấu. Vì phần tử mong muốn (văn bản "How to Use Akabot") được đánh dấu, bạn có thể xác nhận XPath đã viết đúng.

Vì trên trang chỉ có một phần tử chứa văn bản "How to Use Akabot", kết quả trả về là một phần tử duy nhất. Nếu có nhiều phần tử trùng khớp, kết quả sẽ hiển thị nhiều phần tử.

Ví dụ, nếu bạn thực hiện  $x('//*[text()]') , nhiều kết quả sẽ được hiển thị.

XPath  $x('//*[text()="How to Use akaBot"]')   chỉ xác định phần tử có văn bản "How to Use Akabot" trong số các phần tử trả về khi thực hiện $x('//*[text()]').