章節八、1-如何使用火狐開發者工具來查找元素


一、查找元素是使用selenium進行自動化的基礎,我們只有找到元素才能在頁面操作它。

二、Web應用頁面上的元素不會因為瀏覽器種類的不同而產生差異,也就是說你可以在火狐或者谷歌上查找到的元素在ie等瀏覽器上都可以用。

三、如何使用火狐開發者工具來查看元素

1、首先安裝火狐瀏覽器

2、打開瀏覽器,將鼠標移動到你需要定位的地方,列如:百度搜索文本框

3、鼠標右擊,點擊查看元素

4、查看結果為:

5、打開的此窗口為“Web開發者工具”,除了以上方式能夠打開外,還可以通過按“F12”來調用打開。

6、然后鼠標點擊圖中“1”標識處,然后移動鼠標至搜索框,同樣能夠查看指定元素屬性,在實際應用中我們可以通過“class、ID”等標簽進行捕捉,從而來驅動頁面變化。

 

 四、iframe

1、打開https://jqueryui.com/button/,然后點擊如圖標識選擇進入指定頁面。

2、這個頁面有一個ifarme框,里面的元素都在這個框中,是嵌入到這個網站(https://jqueryui.com/button/)中的另外一個頁面,ifareme中的元素我們是無法直接被查找的,在代碼中必須先切換到ifarme中,用switch_to.frame()方法在頁面中切換后才能找到ifarme中的元素

3、如何識別這個元素是否在ifarme框中?(以圖中標識的按鈕進行演示)

按照前面查找元素的方法進行元素定位,然后向上查找元素的父節點。

可以通過下面的子父節點更直觀的查看是否在ifarme框中

圖中“div.widget”表示的是div中calss的屬性值。class屬性都需要用“.”來表示。(對class不熟悉的同學可以先去了解一下html+css的相關知識)

 

五、查找定位元素時要確保元素的屬性在頁面上是否唯一,否則在自動化的過程中無法准確識別到需要定位的元素。

 

六、火狐瀏覽器中如何確定元素是否唯一?()

1、首先找到自己需要定位的元素,此次我們使用xpath來進行定位(定位方式有很多種,后面會一一介紹),我們以百度輸入框為例:

2、點擊開發者選項中的控制台菜單,輸入$x("//input[@name='q']"),使用xpath格式來驗證元素唯一性的固定寫法:$x("//xpath標簽")

當我們把鼠標放在查找到的結果上時,百度輸入框也會被高亮。

然后我們可以同圖中標識的lenth是否等於“1”來判斷元素是否唯一,等於“1”表示元素唯一,只匹配了唯一節點,否則就需要換其它的定位方式來對需要操作的頁面元素進行定位。

(關於元素定位和查找元素唯一時括號中知識后面會詳細介紹)

 

七、關於consoole的相關操作知識

 

 

 歡迎加入軟件測試交流群555191854),大家有問題可以在群里討論,群里是一些自學和已經是大佬的小伙伴來幫助大家,以上的內容如果有不懂的地方可以在群里私我。

 


免責聲明!

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



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