Frame及窗口切换
Frame及窗口切换
实验目的：了解Html中框架的概念，掌握使用WebDriver 对象的 switch_to 属性进行框架转换，方便在selenium中定位到框架中的元素进行操作。同时，明确窗口句柄的定义，掌握应用带有窗口句柄参数的switch_to 属性，够实现窗口间的跳转。
实验要求：在pycharm 环境下完成实验目的中所述各项任务
实验条件：win7/10、pycharm、selenium4.4.0
实验内容及步骤：
一个浏览器文档窗口中一般只能显示一个网页文件，但是，使用框架标签就可以将一个浏览器文档窗口分割成多个子窗口，每个子窗口中都可以显示一个独立的网页文件。
框架元素非常的特殊，是由英文Frame翻译过来的，代表浏览器文档窗口中的一个子窗口。在html语法中，frame 元素或者 iframe元素的内部会包含一个被嵌入的另一份html文档。
每个框架都含有可以链接到其他多个网页的超链接条目，访问者单击这些超链接条目后，可以将超链接指向的网页文件显示在另一个指定的框架中。如果要求在单个应用窗口中显示一个以上的网页，就可以使用Frame（或iFrame）框架。iframe用来定义一个内联框架，在html文档里嵌入另一个html文档。iframe包含的内容和页面是一个整体，但是frame包含的内容是一个独立的区域。
在使用selenium打开一个网页时，我们的操作范围默认是当前的 html ，并不包含被嵌入的html文档里面的内容。如果我们要操作被嵌入的 html 文档 中的元素， 就必须把操作范围切换到被嵌入的文档中。
使用 WebDriver 对象的 switch_to 属性转换，形如：driver.switch_to.frame(frame_reference)，其中frame_reference 可以是 frame 元素的 name 或者 ID属性及 frame 所对应的 WebElement 对象。
一、 根据frame元素的id进行切换：
例如frame元素的 id 为‘frame1’，切换语句为：
driver.switch_to.frame('frame1')
二、 根据frame元素的name属性值进行切换：
例如frame元素的name属性值为‘innerFrame’ ，切换语句为：
driver.switch_to.frame('innerFrame')
三、 根据frame元素所对应的 WebElement 对象进行切换：
例如frame元素所对应的 WebElement 对象标签名是iframe，切换语句为：
driver.switch_to.frame(driver.find_element(By.TAG_NAME, 'iframe')
四、 将WebDriver 对象切换回默认区域：
driver.switch_to.default_content()
在针对网站的实际操作中，经常会点击一个链接或者按钮，在新窗口里面打开一个新网址，并操控新窗口里面的元素。用Selenium写的自动化程序，也要模拟实际操作，不能只在当前页面中执行，需要从 WebDriver对象对应的老窗口，切换到要进行自动化操作的新窗口中，转换语法为：driver.switch_to.window(handle)，其中参数handle传入的是指定窗口的句柄。
五、 窗口切换
WebDriver对象有window_handles 属性，这是一个列表对象，里面包括了当前浏览器里面所有的窗口句柄（相当于对应网页窗口的一个ID）。我们可以使用一个循环，依次获取 driver.window_handles 里面的所有句柄对象，并且调用 driver.switch_to.window(handle) 方法，切入到每个窗口中。然后根据 标题栏 之类的属性值判断是否为想要切换到的窗口。
从跳转后的新窗口，返回原窗口的简便方法是：开始处在原窗口时，保存原窗口句柄，在要切换回来时，仍然使用Webdriver对象的switch_to属性的 window方法，把原窗口句柄作为参数进行传递即可。
例如：
1 | # mainWindow变量保存当前窗口的句柄 |
练习1：登录 https://cdn2.byhy.net/files/selenium/sample2.html，
①切换进入iframe框架，在其中选择所有动物类型并输出动物名称，
②切换回外层默认部分，点击“外部按钮”，
③输出网页中新出现的“你点击了外部按钮”文本信息。关闭浏览器
练习2：在练习1主要操作过程和关闭浏览器操作之间，添加以下操控步骤：
①登录 https://cdn2.byhy.net/files/selenium/sample3.html，
②输出当前窗口的标题栏文本，点击打开新窗口的链接，
③切换到新窗口并输出新窗口的标题栏文本，
④返回原窗口，点击“功能按钮”，输出网页中新出现的“你点击了外部按钮”。
完成练习1和练习2并提交代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48import time
from selenium import webdriver
from selenium.webdriver.common.by import By
driver = webdriver.Chrome()
# 练习一
driver.get("https://cdn2.byhy.net/files/selenium/sample2.html")
# frame1 =driver.switch_to.frame(driver.find_element(By.CSS_SELECTOR ,'.frame1'))
driver.switch_to.frame('innerFrame')
elements = driver.find_elements(By.CLASS_NAME, 'animal')
for element in elements:
print(element.text)
driver.switch_to.default_content()
driver.find_element(By.ID, 'outerbutton').click()
show = driver.find_element(By.ID, 'add')
show1 = show.find_element(By.TAG_NAME, 'li')
print(show1.text)
# driver.quit()
time.sleep(2)
# 练习二
driver.get('https://cdn2.byhy.net/files/selenium/sample3.html')
mainWindow = driver.current_window_handle
print(driver.title)
link = driver.find_element(By.TAG_NAME, 'a').click()
# driver.switch_to.window()
time.sleep(2)
for handle in driver.window_handles:
# 先切换到该窗口
driver.switch_to.window(handle)
# 得到该窗口的标题栏字符串，判断是不是我们要操作的那个窗口
if 'Bing' in driver.title:
# 如果是，那么这时候WebDriver对象就是对应的该该窗口，正好，跳出循环，
break
print(driver.title)
driver.switch_to.window(mainWindow)
driver.find_element(By.ID, 'outerbutton').click()
show2 = driver.find_element(By.ID, 'add')
show3 = show2.find_element(By.TAG_NAME, 'li')
print(show3.text)
driver.quit()打开网易云音乐https://music.163.com/网站，点击“排行榜”，在左侧菜单栏中点击“新歌榜”，在歌曲列表中找出排名上升最多和下降最多的歌曲名称及歌手，输出格式为：
排名上升最多：歌曲名：XXX 歌手：YYY（若有上升位次相同的换行列出）
排名下降最多：歌曲名：XXX 歌手：YYY（若有下降位次相同的换行列出）
提交代码
1 | #xml是XML和HTML的解析器，其主要功能是解析和提取XML和HTML中的数据 |
- 以管理员身份登录 http://127.0.0.1:8047/mgr/sign.html，用户名 ：byhy 密码： 88888888。点击页脚处 链接 白月黑羽教学使用，点击访问官网；然后在新打开的 白月黑羽教学网页，获取页眉导航菜单中所有教程类目（可以调用webdriver对象的maximize_window()方法最大化窗口，以便显示所有菜单 ）；随后再回到 白月SMS系统网页，点击退出登录。预期结果为：成功登录后，完成上述操作，验证导航菜单名，依次为：Python基础、Python进阶、Qt图形界面、Django、自动化测试、性能测试、HTML/CSS、JS语言、JS Web。验证回到登录界面（可以根据webdriver对象的current_url属性判断是否进入登录页面）。
提交代码
1 | from selenium import webdriver |