在chrome瀏覽器中驗證xpath和selector


一、驗證元素定位

Chrome的console可以用來驗證XPath和CSS。

1.1驗證selector

1.使用chrome打開你要測試的網站;
2.按下F12,打開開發者工具;
3.選擇Console(控制台);
4.輸入:
$(“selector”)
$$(“selector”)
前者會列出與selector匹配的所有元素,而后者則是把這些匹配到的元素組成了數組。(點擊返回的每個元素,則會定位到頁面中的img元素及html中的具體位置)

document.querySelector()會返回DOM中匹配的第一個元素(只返回一個元素);
document.querySelectorAll()等同於$$(selector)
5.輸入完畢后,點擊回車鍵;

1.2驗證XPath

1.輸入:$x(“your_xpath_selector”)
2.輸入完畢后,點擊回車鍵;

如果你的語句是正確的,會返回該css對應的元素的html語句

【注意】語法中括號里需要通過雙引號括起來,如果Xpath語句中有雙引號,要改成單引號,不然只能解析到第一對雙引號的內容;

Ctrl+L快捷鍵:清空console內容


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM