< frame> <iframe> 標簽,瀏覽器會在標簽中打開一個特定的頁面窗口(框架),它在本窗口中嵌套進入一個網頁,當用selenium定位頁面元素的時候會遇到定位不到frame框架內的元素的問題。
定位frame中的元素前我們需要driver.switch_to.frame()切換到對應的frame中,執行操作后,要操作frame框架外的元素,需要通過driver.switch_to.default_content()切換回主文檔頁面。
driver.switch_to.frame(index/id/name/WebElement) 切入frame褲架中,參數可以為id/name/index
driver.switch_to.parent_frame() 切換回當前frame的上一層,如果當前已是主文檔,則無效果
driver.switch_to.default_content() 切換回主文檔
創建如下兩個html文件,兩個文件放入同一個文件夾內
frame.html
<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <title>frame</title> </head> <body> <div class="row-fluid"> <label>frame外輸入框</label> <input type='text' id="frameinput"> <div class="span10 well"> <h3>frame</h3> <iframe id="f1" name="frame2" src="inner_frame.html" width="800" height="600"></iframe> </div> </div> </body> </html>
inner_frame.html
<html> <head> <title>inner frame</title> </head> <body> <label id="innerlable">frame1內多選按鈕 </label> <input type="checkbox" id="innercheck" name="inner"> <div class="row-fluid"> <h3>inner frame</h3> <iframe id="f2" name="frame2" src="http://m.baidu.com/" width="700" height="400"> </iframe> </div> </body> </html>
示例:操作主文檔的元素 --> 切換到外層frame 操作外層frame的元素 --> 切換到內層frame 操作內層的元素 --> 切換回外層frame 操作外層frame 的元素 --> 再次切入內層frame操作元素 --> 切換回主文檔操作文檔元素 -->再去切換到外層frame操作元素
from selenium import webdriver import time driver = webdriver.Chrome() driver.get(r'E:\frame.html') # 打開frame.html頁面,注意修改為你的位置 driver.find_element_by_id('frameinput').send_keys('操作frame外的元素') driver.switch_to.frame(0) # 根據index切換,從0開始 text = driver.find_element_by_id('innerlable').text print(text) driver.find_element_by_id('innercheck').click() driver.switch_to.frame('f2') # 根據id切入 內層frame driver.find_element_by_id('index-kw').send_keys('selenium frame') driver.switch_to.parent_frame() # 切換到上一層表單 driver.find_element_by_id('innercheck').click() driver.switch_to.frame('frame2') # 根據name再次切入內層frame driver.find_element_by_id('index-bn').click() driver.switch_to.default_content() # 切換回主文檔 driver.find_element_by_ta('frameinput').clear() driver.switch_to.frame(driver.find_elements_by_tag_name('iframe')) # 通過webelement切換driver.find_element_by_id('innercheck').click() time.sleep(3) driver.quit()
1、 driver.switch_to.frame(frame_reference)切換進入frame
switch_to_frame() 將淘汰使用,建議使用switch_to.frame()。
switch_to.frame() 切換frame支持4種不同參數方法進行切換,元素的frame的index,frame的id或name屬性,frame元素的WebElement元素對象。
通常采用id和name就能夠解決絕大多數問題。但有時候frame並無這兩項屬性,則可以用index和WebElement來定位:
- index從0開始,整型參數,根據同層frame的順序定位
- WebElement對象,即find_element方法所取得的對象,我們可以用tag_name、xpath等來定位frame對象。如上示例的:driver.switch_to.frame(driver.find_elements_by_tag_name('iframe'))
2、 driver.switch_to.default_content() 切換回主文檔
切到frame中之后,我們便不能繼續操作主文檔的元素,這時如果想操作主文檔內容,則需切回主文檔。
driver.switch_to.default_content() # 切換到主文檔中。
注意:很多人都會忘記這步操作
3、driver.switch_to.parent_frame() 切換到上一層表單
<html> <iframe id="frame1"> <iframe id="frame2" / > </iframe> </html>
嵌套frame很少會遇到,如下frame1為外層,frame2嵌套在frame1中。我們進行切換操作如下:
a. 從主文檔切到frame2,一層層切進去
driver.switch_to.frame("frame1") driver.switch_to.frame("frame2")
b. 從frame2再切回frame1,selenium提供了一個方法能夠從子frame切回到父frame,而不用我們切回主文檔再切進來。
driver.switch_to.parent_frame() # 如果當前已是主文檔,則無效果
parent_frame()這個相當於后退的方法,我們可以隨意切換不同的frame。