UI自動化中,最最最最重要的還是定位元素,哪么如何確認我們定位的元素一定正確呢?以前的火狐有Firebug幫助我們定位,后面好像沒有維護了。目前Chrome瀏覽器用的比較多,如何在Chrome快速判斷元素定位是否正常?肯定有人回答,運行腳本執行,那是不是太麻煩了?今天安靜不介紹新的知識點了,介紹下如何通過Chrome幫助我們快速定位到元素是否正確
方法一:
方法一在前面已經提到過一次了,就是通過打開瀏覽器的F12,然后在ctrl+F(Windows下)活mac電腦上Command+F,輸入需要查看的元素信息,看看數量是否為1,如果為1,則說明這個頁面上就存在一個符合條件的元素。這里要注意,查找目前好像僅支持CSS查找和Xpath查找。
方法二
方法二也是通過F12中的控制台來確認,這里主要使用到JaveScript中的定位方法,打開F12,進入到控制台(Console),在控制台中輸入定位的元素屬性,通過返回查看元素是否為唯一性,這里的支持語法比較多,如:xpath,css,id,name,class,tag。具體的我們舉例來簡單說明
xpath
這里xpath需要在前面加入$x,后面跟xpath正常語法,語法: $x("//*[@id='xx']") 這里安靜還是拿百度來舉例,這里length=1表示僅有一個元素符合這條件
Css
這里Css需要在前面加入$$,后面正常跟Css寫法。語法: $$('#xx') 這里括號中寫Css語法
ID,class,name
這些寫法類似於selenium中的定位寫法。
方法 | 寫法 |
ID | document.getElementById("xx") |
class | document.getElementsByName("xx") |
name | document.getElementsByClassName("xx") |
通過這兩種方法可以快速的幫助我們判斷定位的元素是否正確,也大大提高了我們自動化代碼的運行成功率。
安靜寫的文章如果對您有幫助,點個關注,持續更新。不懂的或者寫錯的地方,可以下方留言。