1. 程式人生 > >Chrome瀏覽器與XPath

Chrome瀏覽器與XPath

作業系統:Windows 7
Chrome瀏覽器版本:Google Chrome版本 71.0.3578.98(正式版本) (32 位)

通過Chrome瀏覽器直接而獲取或驗證XPath

1 獲取XPath

Chrome的console是可以用來驗證xpath和css。
1.使用chrome開啟你要測試的網站;
2.按下F12,開啟開發者除錯工具;
3.選擇Elements(元素);
4.點選如下標紅圖示(或用者用快捷鍵Ctrl+Shift+C),進入選擇元素模式;
在這裡插入圖片描述
5.在頁面中點選想要獲取XPath的模組;在Elements中自動跳轉到對應html中的位置並高亮顯示;
6.右擊高亮模組,選擇Copy>Copy XPath

;如下圖:
選擇路徑

滑鼠停留在console中的這個html語句上,介面上對應的元素會高亮顯示

2 驗證XPath

Chrome的console是可以用來驗證xpath和css。
1.使用chrome開啟你要測試的網站;
2.按下F12,開啟開發者除錯工具;
3.選擇Console(控制檯);
4.輸入:$x(“your_xpath_selector”)
5.輸入完畢後,點選回車鍵;
如果你的語句是正確的,會返回該css對應的元素的html語句

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

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