iframe的操作switch_to_frame使用方法.

iframe的操作switch_to_frame使用方法.
一、frame和iframe區別

Frame與Iframe兩者可以實現的功能基本相同,不過Iframe比Frame具有更多的靈活性。 frame是整個頁面的框架,iframe是內嵌的網頁元素,也可以說是內嵌的框架

Iframe標記又叫浮動幀標記,可以用它將一個HTML文檔嵌入在一個HTML中顯示。它和Frame標記的最大區別是在網頁中嵌入 的<Iframe></Iframe>所包含的內容與整個頁面是一個整體,而<Frame>< /Frame>所包含的內容是一個獨立的個體,是可以獨立顯示的。另外,應用Iframe還可以在同一個頁面中多次顯示同一內容,而不必重複這段內 容的代碼。

二、163登錄界面

1.打開http://mail.163.com/登錄頁面10

2.用firebug定位登錄框

3.鼠標停留在左下角(定位到iframe位置)時,右上角整個登錄框顯示灰色,說明iframe區域是整個登錄框區域

4.左下角箭頭位置顯示iframe屬性<iframe id="x-URS-iframe" frameborder="0" name="" 

在這裏插入圖片描述

三、切換iframe

1.由於登錄按鈕是在iframe上,所以第一步需要把定位器切換到iframe上

2.用switch_to_frame方法切換,此處有id屬性,可以直接用id定位切換

在這裏插入圖片描述

四、如果iframe沒有id怎麼辦?

1.這裏iframe的切換是默認支持id和name的方法的,當然實際情況中會遇到沒有id屬性和name屬性爲空的情況,這時候就需要先定位iframe

2.定位元素還是之前的八種方法同樣適用,這裏我可以通過tag先定位到,也能達到同樣效果

在這裏插入圖片描述

五、釋放iframe
1.當iframe上的操作完後,想重新回到主頁面上操作元素,這時候,就可以用switch_to_default_content()方法返回到主頁面
在這裏插入圖片描述

六、如何判斷元素是否在iframe上?

1.定位到元素後,切換到firepath界面

2.看firebug工具左上角,如果顯示Top Window說明沒有iframe

3.如果顯示iframe#xxx這樣的,說明在iframe上,#後面就是它的id

在這裏插入圖片描述


七、如何解決switch_to_frame上的橫線呢?

1.先找到官放的文檔介紹

在這裏插入圖片描述

2.官方已經不推薦上面的寫法了,用這個寫法就好了driver.switch_to.frame()

八、參考代碼如下

#coding:utf-8

from selenium import webdriver

driver = webdriver.Firefox()

driver.get(“http://mail.163.com/”)

driver.implicitly_wait(30)

#切換iframe

#iframe = driver.find_element_by_tag_name(“iframe”)

#driver.switch_to_frame(iframe)

#driver.switch_to_frame(“x-URS-iframe”)

driver.switch_to.frame(“x-URS-iframe”)

driver.find_element_by_name(“email”).send_keys(“123”)

driver.find_element_by_name(“password”).send_keys(“456”)

#釋放iframe,重新回到主頁面上

driver.switch_to.default_content()

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章