iframe自动化革命:颠覆传统网页嵌入的新趋势

时间:2024-03-22 12:19:59

简介

在进行元素定位时,如果遇到无法找到的情况,首先需要考虑是否存在嵌套的 frame 窗口或者目标元素位于新打开的窗口中。这时,必须进行相应的 frame 切换或窗口切换操作。

frame 类似于在原始主 HTML 页面的基础上嵌套了一个独立的 HTML,彼此之间相互独立且不产生影响。

通常,当打开一个页面时,光标默认定位在主页面中。如果页面由多个 frame 构成,直接定位到具体元素可能会受限。因此,需要在定位元素之前切换到目标 frame 中,以便准确查找所需的元素。

iframe 解析

 

如图可以看到 iframe 的标签。

iframe 的多种切换方式

HTML 代码示例:


<iframe src="1.html" id="hogwarts_id" name="hogwarts_name"></iframe>

那么通过传入 id、name、index 以及 Selenium 的 WebElement 对象来切换 frame:

Pyhton 实现


# 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选中frame,0表示第一个frame
driver.switchTo().frame(0);
//通过frame的id或name来选中frame
driver.switchTo().frame("hogwarts_id");
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 则需要层层切换,当从 iframe2 切换回 iframe1 可以使用父子切换,示例如下:

Python 实现

driver.switch_to.frame("iframe1")
driver.switch_to.frame("iframe2")

# 从 iframe2 切换到上一级 iframe1
driver.switch_to.parent_frame()
# 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变
driver.switch_to.parent_frame()

 Java 实现


driver.switchTo().frame("iframe1");
driver.switchTo().frame("iframe2");

从 iframe2 切换回 iframe1 可以使用父子切换:


# 从iframe2切换到上一级iframe1
driver.switchTo().parent_frame()
# 从iframe1切换到上一级iframe,如果iframe已经是最上级,则保持不变
driver.switchTo().parent_frame()

 

这个方法是 Selenium 提供的直接从子 frame 切换到父 frame,可以使用在嵌套的 frame 框架中。

总结

在浏览器中,存在一种名为 frame 的组件,通过常规的定位很难直接找到这个组件内的元素,因此需要进入到该 frame 组件里,并切换到相应的 frame 句柄,以便准确地定位和操作 frame 里面的元素。

推荐学习

测试开发高薪私教班开课啦!!!内容全面升级,新增小班私教、1v1私教内容,让同学们在学技术的同时,软技能也同步得到提升。4 个月 30+ 项目实战强化训练,资深测试架构师、开源项目作者亲授 BAT 大厂前沿最佳实践,带你一站式掌握测试开发必备核心技能(对标阿里P6+)!直推 BAT 名企测试经理,模拟面试+面试复盘跳槽无忧!

 

推荐视频学习

7天软件测试快速入门教程

新手专区--软件测试精品教程合集

web自动化测试初级实战快速入门

web自动化测试初级实战快速入门2

app功能测试实战入门

App自动化测试初级入门教程

接口测试初级入门

接口响应断言_哔哩哔哩_bilibili新手专区--接口测试入门到实战精通

接口自动化测试训练营

提升专区--测试开发技能图谱

提升专区--测试开发精品公开课合集

postman接口自动化测试实战入门教程

2024最新Python3.1x软件测试开发必备语法基础讲解

2024最新Python3.1x软件测试开发必备语法基础讲解2

Python Java测试开发/自动化测试/性能测试/精准测试/测试左移/测试右移/人工智能测试

软件测试公开课合集

大厂面试真题解析

Pytest 测试框架与 Allure2

JMeter实时性能监控平台