网页 frame 与多窗口处理
知识点
iframe解析
1080×175 75.1 KB
如图可以看到iframe的标签
iframe 的多种切换方式
HTML 代码示例
<iframe src="1.html" id="hogwarts_id" name="hogwarts_name"></iframe>
那么通过传入 id、name、index 以及 Selenium 的 WebElement 对象来切换 frame
- Python 版本
# index:传入整型的参数,从 0 开始,这里的 0 就是第一个 frame driver.switch_to.frame(0) #id:iframe 的 id driver.switch_to.frame("hogwarts_id") #name: iframe 的 name driver.switch_to.frame("hogwarts_name") #WebElement: 传入 `selenium.webelement` 对象 driver.switch_to.frame(driver.find_element_by_tag_name("iframe"))
- Java 版本
// index:传入整型的参数,从 0 开始,这里的 0 就是第一个 frame driver.switchTo().frame(0); // id:iframe 的 id driver.switchTo().frame("hogwarts_id"); // name: iframe 的 name driver.switchTo().frame("hogwarts_name"); // WebElement: 传入 `selenium.webelement` 对象 driver.switchTo().frame(driver.findElement(By.tagName("iframe")));
iframe 切换回默认页面
在切换页面之后,如果还想操作原页面,则可以使用
- Python 版本
driver.switch_to.default_content()
- Java 版本
driver.switchTo().defaultContent();
iframe 多层切换
如图所示多层嵌套的 iframe 从最外部 iframe 切换到 iframe2 则需要层层切换
- Python 版本
driver.switch_to.frame("iframe1") driver.switch_to.frame("iframe2")
- Java 版本
driver.switchTo().frame("iframe1"); driver.switchTo().frame("iframe2");
从 iframe2 切换回 iframe1 可以使用父子切换
- Python 版本
# 从 iframe2 切换到上一级 iframe1 driver.switch_to.parent_frame() # 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变 driver.switch_to.parent_frame()
- Java 版本
// 从 iframe2 切换到上一级 iframe1 driver.switchTo().parentFrame(); // 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变 driver.switchTo().parentFrame();
这个方法是 Selenium 提供的直接从子 frame 切换到父 frame,可以使用在嵌套的 frame 框架中。
多窗口处理
元素有属性,浏览器的窗口其实也有属性的,浏览器窗口的属性用句柄(handle)来识别。
句柄的获取
当浏览器打开一个窗口时,如果要在新的窗口操作就需要句柄切换。
当有多个窗口时,可以用 window_handles 打印句柄:
- Python 版本
driver = webdriver.Chrome() handles = driver.window_handles print(handles)
- Java 版本
driver = new ChromeDriver(); Set<String> handles = driver.getWindowHandles(); System.out.println(handles);
打印出的 window_handles:
['CDwindow-8012E9EF4DC788A58DC1588E7B8A7C44', 'CDwindow-11D52927C71E7C2B9984F2D1E2856049']
句柄的切换
通过打印 handles 可以看出,它是一个列表。
- Python版本可以通过 switch_to.window() 来切换句柄
- Java版本可以通过 switchTo().window() 来切换句柄
- Python 版本
884×281 9.09 KB
从上面源代码中的说明可以看出,switch_to.window()需要提供一个 windows_name,可以是 name 也可以是 windows handle。
from selenium import webdriver driver = webdriver.Chrome() handles = driver.window_handles print(handles) driver.switch_to.window(handles[-1])
这里唯一要注意的是 handles 是一个列表,这里的 -1 表示浏览器窗口的倒数第一个。
- Java 版本
... Set<String> windowHandles = driver.getWindowHandles(); Iterator<String> it = windowHandles.iterator(); //迭代allhandle里面的句柄 while(it.hasNext()) { //用it.hasNext()判断时候有下一个窗口,如果有就切换到下一个窗口 driver.switchTo().window(it.next()); //切换到新窗口 } ... }
Java 中切换句柄需要使用迭代器,如果有下一个句柄,则切换,没有则不切换,上面代码表示切换到最后一个窗口。
实战演示
百度搜索“霍格沃兹测试学院”,点击“霍格沃兹测试学院_腾讯课堂”,点击“中高级测试开发「名企定向培养」班-霍格沃兹测试学院”。
854×468 177 KB
python 代码
from selenium import webdriver class TestHogwarts: def setup_method(self, method): self.driver = webdriver.Chrome() self.driver.implicitly_wait(3) def teardown_method(self, method): self.driver.quit() def test_hogwarts(self): self.driver.get('https://www.baidu.com') #在输入框中输入霍格沃兹测试学院 self.driver.find_element_by_id('kw').send_keys('霍格沃兹测试学院') #点击搜索 self.driver.find_element_by_css_selector('.s_btn').click() #使用link_text点击 self.driver.find_element_by_link_text('关于我们 - 霍格沃兹测试学院').click() #将获取到的window_handles赋值给一个变量handles handles = self.driver.window_handles #切换句柄 self.driver.switch_to.window(handles[-1]) assert len(self.driver.find_elements_by_css_selector('.ag-title-main')) == 1
java代码
import org.junit.jupiter.api.AfterAll; import org.junit.jupiter.api.BeforeAll; import org.junit.jupiter.api.Test; import org.openqa.selenium.By; import org.openqa.selenium.chrome.ChromeDriver; import java.util.Iterator; import java.util.Set; import java.util.concurrent.TimeUnit; import static org.junit.jupiter.api.Assertions.assertEquals; public class Web1Test { private static ChromeDriver driver; @BeforeAll public static void setUp() { System.setProperty( "webdriver.chrome.driver", "/driver/chrome95/chromedriver" ); driver = new ChromeDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); } @AfterAll public static void tearDown() { driver.quit(); } @Test public void hogwartsTest(){ driver.get("https://www.baidu.com"); // 在输入框中输入霍格沃兹测试学院 driver.findElement(By.id("kw")).sendKeys("霍格沃兹测试学院"); // 点击搜索 driver.findElement(By.cssSelector(".s_btn")).click(); // 使用link_text点击 driver.findElement(By.linkText("关于我们 - 霍格沃兹测试学院")).click(); // 将获取到的window_handles赋值给一个变量handles Set<String> windowHandles = driver.getWindowHandles(); // 切换句柄 //迭代allhandle里面的句柄 Iterator<String> it = windowHandles.iterator(); //用it.hasNext()判断时候有下一个窗口,如果有就切换到下一个窗口 while(it.hasNext()) { //切换到新窗口 driver.switchTo().window(it.next()); } int size = driver.findElements(By.cssSelector(".ag-title-main")).size(); assertEquals(1,size); } }
需要注意的是,把被测浏览器对应版本的 chromedriver 放置到某个路径下,配置到环境变量或者脚本代码中。
相关文章
- html+css网页开发 之 头部导航条(logo、导航栏、搜索框)
- CDR2022精简网页版矢量插图工具介绍
- 利用cloudflare-works边缘计算搭建在线网页代理
- HTML制作网页_手机制作html网页
- CSS filter-网页变灰
- 客服系统前端开发:JavaScript删除对象数组中指定key value的对象【唯一客服】网页在线客服系统
- 开源国产优美而强大,支持公式播放,场景布置,动画制作的网页魔方
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- 服务搭建Linux下的静态网页服务器(linux静态网页)
- 怎样在网页中连接MSSQL数据库?(网页怎么链接mssql)
- utf-8网页不显示+utf-8网页乱码的通用解决方法
- ajax完美实现两个网页分页功能的实例代码
- Android中实现地址栏输入网址能浏览该地址网页源码并操作访问网络