一、驗證元素定位
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內容
