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