web自動化中的三種切換---iframe

1、iframe切換方式一

• 首先先確定定位元素在iframe元素中，打開網頁https://ke.qq.com/點擊登錄按鈕，按F12,定位賬戶密碼登錄元素

　　

 

• 切換到指定的iframe元素中，如下　　　

from selenium import webdriver
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
import time

driver=webdriver.Chrome()
# 訪問一個網頁
driver.get("https://ke.qq.com/")
driver.maximize_window()
driver.find_element_by_id('js_login').click()
# 等待//div[@class='ptlogin-wrap']//i[@class='icon-font i-qq']元素出現
WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.XPATH,"//div[@class='ptlogin-wrap']//i[@class='icon-font i-qq']")))
# 點擊//div[@class='ptlogin-wrap']//i[@class='icon-font i-qq']元素
driver.find_element_by_xpath("//div[@class='ptlogin-wrap']//i[@class='icon-font i-qq']").click()
# 等待iframe元素出現
WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.NAME,"login_frame_qq")))
# 切換iframe
driver.switch_to.frame('login_frame_qq') #name屬性方式定位
time.sleep(0.5)#切換到iframe元素過程等待0.5秒
# 等待id為switcher_plogin的元素出現
WebDriverWait(driver,10).until(EC.visibility_of_element_located((By.ID,'switcher_plogin')))
driver.find_element_by_id('switcher_plogin').click()
# Switches focus to the specified frame, by index, name, or webelement.
'''
:Usage:
            driver.switch_to.frame('frame_name')#通過name屬性
            driver.switch_to.frame(1)#通過index  從1開始
            driver.switch_to.frame(driver.find_elements_by_tag_name("iframe")[0])#通過其他元素定位方式切換iframe  find_elements_by_tag_name
'''
# driver.switch_to.frame(1)#index方式定位
# driver.switch_to.frame(driver.find_element_by_xpath('//iframe[@name="login_frame_qq"]'))#其他定位元素的方式，xpath方式定位

2、iframe切換方式二　

# iframe方式二切換,#直接在WebDriverWait中使用函數frame_to_be_available_and_switch_to_it，切換到iframe中
WebDriverWait(driver,20).until(EC.frame_to_be_available_and_switch_to_it('login_frame_qq'))
#等待0.5秒
time.sleep(0.5)

 3、從iframe當中回到默認的頁面當中 driver.switch_to.default_content()　

from selenium import webdriver
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
import time

driver=webdriver.Chrome()
# 訪問一個網頁
driver.get("https://ke.qq.com/")
driver.maximize_window()
driver.find_element_by_id('js_login').click()
# 等待//div[@class='ptlogin-wrap']//i[@class='icon-font i-qq']元素出現
WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.XPATH,"//div[@class='ptlogin-wrap']//i[@class='icon-font i-qq']")))
# 點擊//div[@class='ptlogin-wrap']//i[@class='icon-font i-qq']元素
driver.find_element_by_xpath("//div[@class='ptlogin-wrap']//i[@class='icon-font i-qq']").click()
# 等待iframe元素出現
WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.NAME,"login_frame_qq")))
# # 切換iframe
driver.switch_to.frame('login_frame_qq') #name屬性方式定位
time.sleep(0.5)#切換到iframe元素過程等待0.5秒
# 等待id為switcher_plogin的元素出現
WebDriverWait(driver,10).until(EC.visibility_of_element_located((By.ID,'switcher_plogin')))
driver.find_element_by_id('switcher_plogin').click()
# Switches focus to the specified frame, by index, name, or webelement.
'''
:Usage:
            driver.switch_to.frame('frame_name')#通過name屬性
            driver.switch_to.frame(1)#通過index  從1開始
            driver.switch_to.frame(driver.find_elements_by_tag_name("iframe")[0])#通過其他元素定位方式切換iframe  find_elements_by_tag_name
'''

# driver.switch_to.frame(1)#index方式定位
# driver.switch_to.frame(driver.find_element_by_xpath('//iframe[@name="login_frame_qq"]'))#其他定位元素的方式，xpath方式定位

# iframe方式二切換,#直接在WebDriverWait中使用函數frame_to_be_available_and_switch_to_it，切換到iframe中
# WebDriverWait(driver,20).until(EC.frame_to_be_available_and_switch_to_it('login_frame_qq'))
# time.sleep(0.5)

# 從iframe當中回到默認的頁面當中
driver.switch_to.default_content()
time.sleep(1)
driver.find_element_by_xpath("//a[@id='login_close']//i[@class='icon-font i-close']").click()
driver.find_element_by_id('js_login').click()

備注：iframe只能一層一層的切進去，不能跳級切換

# 跳到上一級的iframe中，使用以下方法
driver.switch_to.parent_frame()