xpath與css_selector定位詳解


例題:分別用xPath和css_selector定位下圖的img標簽

 

答案:  xpath:.//*[@id='fstscr']/div[3]/div[2]/a/img

            css_selector: .special>a>img

 

(一)xPath詳解:

 

 

 

xpath:.//*[@id='fstscr']/div[3]/div[2]/a/img

 

 

(二)css_selector詳解:

 

用css定位就不需要從最上面一層開始定位了,可以從當前層最近的容易定位的元素(class或者id)開始。還要記住,在css定位中,點.表示class,#表示id。我的記法是“點class”,記住了這個自然就知道#井號表示id了。

css_selector:   .special>a>img

 

大家一時記不住不用着急,只需要多用那個Firefox的工具,看看它是怎么寫的就好,說實在的,我現在定位時從來不自己去寫,全都是復制過來的xPath,嫌xPath太長了就改用css_selector,或者有id時就用id,總之很少自己寫。

 

微信公眾號搜索“自動化測試實戰”或掃描下方二維碼添加關注~~~


免責聲明!

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



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