selenium中三大窗口切换

今天分享一个UI自动化中,经常遇到的三种窗口跳转与弹框的切换方式如下:

  •   Windows窗口
  •   iframe窗口
  •   alert窗口

1、Windows窗口

这类窗口也就是我们常说的句柄,句柄的切换是有必要的,我们自己手动在网页上从操作的话,产生新的句柄时浏览器会自动的帮我们跳转到最新的句柄处,但是我们在做UI自动化的时候,代码并不会帮我们自动的切换到最新的句柄,需要我们使用代码去进行切换    

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


driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
driver.find_element(By.ID, "kw").send_keys("腾讯课堂")
driver.find_element(By.ID, "kw").send_keys(Keys.ENTER)
loc = (By.XPATH, ‘//div[@id="1"]//h3[@class="t"]//em‘)
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(loc))
driver.find_element(*loc).click()

以上的代码脚本,就会产生一个新的Windows窗口,如图:

selenium中三大窗口切换

我们如果直接去执行下一步操作的话,会报错的,所以我们需要先跳转到新的窗口才行

需要加上以下代码:

windows = driver.window_handles   # 获取该会话所有的句柄
driver.switch_to.window(windows[-1])  # 跳转到最新的句柄

然后我们就可以在这个窗口里面进行新的操作了

除了切换至最新窗口比较常用,切换至当前窗口的下一个窗口也是经常使用的。

代码如下:

# 获取当前窗口的index值  index = driver.window_handles.index(driver.current_window_handle)

driver.switch_to.window(driver.window_handles[index+1])

2、iframe窗口

iframe窗口是嵌套在我们整个HTML里面的一个HTML的页面,我们如果要对这个iframe中的元素进行操作,那么久必须要先跳转至这个iframe窗口才可以进行该操作,不然就会导致报错

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


driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
driver.find_element(By.ID, "kw").send_keys("腾讯课堂")
driver.find_element(By.ID, "kw").send_keys(Keys.ENTER)
loc = (By.XPATH, ‘//div[@id="1"]//h3[@class="t"]//em‘)
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(loc))
driver.find_element(*loc).click()
windows = driver.window_handles   # 获取该会话所有的句柄
driver.switch_to.window(windows[-1])  # 跳转到最新的句柄
first_login = (By.XPATH, ‘//a[@class="mod-header__link-login js-login-op"]‘)   # 腾讯课堂首页登录按钮
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(first_login))   # 显性等待到登录按钮加载出来,没隔0.5检查一共10秒
# 显性等待首页中的登录按钮是否存在
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(first_login))
# 点击登录按钮
driver.find_element(*first_login).click()
# 显性等待用qq登录是否存在
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(
    (By.XPATH,
     ‘//a[@class="js-btns-enter btns-enter btns-enter-qq"]‘)))
driver.find_element(By.XPATH, ‘//a[@class="js-btns-enter btns-enter btns-enter-qq"]‘).click()
# 显性等待账号密码登录
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(
    (By.XPATH, ‘//a[@id="switcher_plogin"]‘)
))
driver.find_element(By.XPATH, ‘//a[@id="switcher_plogin"]‘).click()

以上代码,执行的话就会报错,这是因为啥呢?

selenium中三大窗口切换

仔细研究下,发现是因为我们最后查找的元素是属于iframe窗口的

 selenium中三大窗口切换

 所以需要我们在查找此元素之前就要跳转到iframe窗口才可以找到该元素,也就不会报错了,请看以下:

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


driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
driver.find_element(By.ID, "kw").send_keys("腾讯课堂")
driver.find_element(By.ID, "kw").send_keys(Keys.ENTER)
loc = (By.XPATH, ‘//div[@id="1"]//h3[@class="t"]//em‘)
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(loc))
driver.find_element(*loc).click()
windows = driver.window_handles   # 获取该会话所有的句柄
driver.switch_to.window(windows[-1])  # 跳转到最新的句柄
first_login = (By.XPATH, ‘//a[@class="mod-header__link-login js-login-op"]‘)   # 腾讯课堂首页登录按钮
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(first_login))   # 显性等待到登录按钮加载出来,没隔0.5检查一共10秒
# 显性等待首页中的登录按钮是否存在
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(first_login))
# 点击登录按钮
driver.find_element(*first_login).click()
# 显性等待用qq登录是否存在
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(
    (By.XPATH,
     ‘//a[@class="js-btns-enter btns-enter btns-enter-qq"]‘)))
driver.find_element(By.XPATH, ‘//a[@class="js-btns-enter btns-enter btns-enter-qq"]‘).click()
# 跳转到iframe窗口
driver.switch_to.frame(‘login_frame_qq‘)
# 显性等待账号密码登录
WebDriverWait(driver, 10, 0.5).until(EC.presence_of_element_located(
    (By.XPATH, ‘//a[@id="switcher_plogin"]‘)
))
driver.find_element(By.XPATH, ‘//a[@id="switcher_plogin"]‘).click()

上面红色加粗代码就是我们加上的代码,参数的话可以有多种格式,我这里传递的参数时iframe的name值,有人可能会问:如果这个name值在这个HTML里面有多个name值呢?那我该咋办?

其实driver.switch_to.frame(value)中这个value值不光可以填写iframe的name值,还可以填写整个HTML中所有iframe的索引值(比如:整个HTML有5个iframe,我可以输入0-4的索引值来选择我需要的iframe),还可以是这个元素对象(可以通过该iframe的其他属性:比如id、class等元素定位方式来查找)

在我们对这个iframe操作结束后,我们还是需要回到默认的页面去的,这个时候selenium也给我提供了一步到位的操作

driver.switch_to.default_content()

这行代码就可以回到我们本次会话的最开始的页面

3、alert窗口

alert窗口就是Windows窗口弹出的提示框,在有这个提示框的作用下,我们是不能做其他的任何操作的,必须要将这个alert弹框给删除掉才可以进行其他操作

selenium中提供了操作

driver.switch_to.alert.accept()  # 确定操作
driver.switch_to.alert.dismiss()    # 取消操作
driver.switch_to.alert.send_keys("")    # alert弹框输入文本
driver.switch_to.alert.text()      # 获取alert的文本内容

相关推荐