Selenium2+python自動化14-iframe

標籤：password   網頁   bdr   介面   cli   詳細介紹   title   著作權   format   

前言   

有很多小夥伴在拿163作為登入案例的時候，發現不管怎麼定位都無法定位到，到底是什麼鬼呢，本篇詳細介紹iframe相關的切換

以http://mail.163.com/登入頁面10為案例，詳細介紹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先定位到，也能達到同樣效果

QQ交流群：232607095

（著作權："軟體測試部落"公眾號）

五、釋放iframe

    1.當iframe上的操作完後，想重新回到首頁面上操作元素，這時候，就可以用switch_to_default_content()方法返回到首頁面

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

    1.定位到元素後，切換到firepath介面

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

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

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

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

1475043314131380.png973x301 7.57 KB

    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()

 

Selenium2+python自動化14-iframe