在進(jìn)行web自動(dòng)化測試的時(shí)候進(jìn)行XPath或者CSS定位,需要檢測頁面元素定位是否正確,如果用腳本去檢測,那么效率是極低的。
一般網(wǎng)上推選裝額外的插件來實(shí)現(xiàn)頁面元素定位檢測 如:firebug。
其實(shí)F12開發(fā)者工具就能直接在頁面上檢測元素定位不需要裝額外的插件。
有2種方式:
- F12開發(fā)者自帶的elements定位,支持xpath css定位。
- JS方法定位,通過console輸入。
elements定位
使用方法:
F12開啟開發(fā)者工具后按Ctrl + F組合鍵
Element標(biāo)簽下,會(huì)多出一個(gè)body輸入框。
這個(gè)輸入框可以使用xpath css定位和關(guān)鍵字查找。
右下角顯示選中的和總共定位的元素。
JS方法定位:
第二種通過JS自帶的方法來定位。顯示效果比第一種要更好。
CSS定位
- document.querySelector()
- document.querySelectorAll()
其他方式定位
- document.getElementById()
- document.getElementsByName()
- document.getElementsByClassName()
- document.getElementsByTagName()
看方法名就能知道用途。
我一般用document.querySelectorAll()定位所有元素。既能定位一組元素還能 在定位一個(gè)元素的時(shí)候檢測是否定位到多個(gè)元素。
使用方法:
打開F12開發(fā)者工具 切換到Console控制臺(tái)標(biāo)簽。
輸入JS元素定位方法
最后感謝每一個(gè)認(rèn)真閱讀我文章的人,禮尚往來總是要有的,雖然不是什么很值錢的東西,如果你用得到的話可以直接拿走:
這些資料,對(duì)于【軟件測試】的朋友來說應(yīng)該是最全面最完整的備戰(zhàn)倉庫,這個(gè)倉庫也陪伴上萬個(gè)測試工程師們走過最艱難的路程,希望也能幫助到你!?文章來源:http://www.zghlxwxcb.cn/news/detail-742735.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-742735.html
到了這里,關(guān)于Selenium元素定位之頁面檢測技巧的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!