章節八、3-如何用Chrome開發者工具查看元素


一、如何使用開發者工具,操作步驟與火狐瀏覽器一致(此處不重復敘述,此處主要描述如何查找元素是否存在以及元素在頁面中是否重復)。

1、打開開發者選項,然后按“ctrl+f”,會出現一個輸入框在輸入框中輸入需要查找的元素

2、在輸入框中輸入//input[@id='name']后自動匹配查找到的元素並高亮顯示

 

 

 二、獲取默認xpath或CSS技巧,我們可以通過修改默認獲取到的xpath來進行元素定位(火狐瀏覽器也可以進行此操作)

1、首先找到需要定位的輸入框,點擊鼠標右擊,選擇“檢查”

2、在定位到的html代碼上右擊鼠標,選擇“copy”----》選擇“copy xpath”,然后就可以獲取到默認的xpath

獲取結果為:(一般比較復雜的xpath獲取后需要自己修改才能使用)

//*[@id="name"]

獲取css:copy ---》css selector

#name

3、如果需要通過默認獲取的xpath在控制台中驗證是否查找到這個元素,需要進行修改,否則就會報錯

需要把//*[@id="name"]改為//*[@id=‘’name‘’](“雙引號”改成“單引號”)才能使用(因為在Java中“雙引號”代表字符串,如果“雙引號”中還需要有引號的話就需要使用“單引號”)

 


免責聲明!

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



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