当前位置:   article > 正文

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

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

简介

在进行元素定位时,如果遇到无法找到的情况,首先需要考虑是否存在嵌套的 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 就是第一个 framedriver.switch_to.frame(0)
#idiframeiddriver.switch_to.frame("hogwarts_id")
#name: iframenamedriver.switch_to.frame("hogwarts_name")
#WebElement: 传入 `selenium.webelement` 对象driver.switch_to.frame(driver.find_element(By.TAG_NAME,"iframe"))

Java 实现

//通过位置index选中frame,0表示第一个framedriver.switchTo().frame(0);//通过frame的id或name来选中framedriver.switchTo().frame("hogwarts_id");driver.switchTo().frame("hogwarts_name");//WebElement: 传入 `selenium.webelement` 对象driver.switchTo().frame(driver.findElement(By.tagName("iframe")));
  1. 现在我也找了很多测试的朋友,做了一个分享技术的交流群,共享了很多我们收集的技术文档和视频教程。
  2. 如果你不想再体验自学时找不到资源,没人解答问题,坚持几天便放弃的感受
  3. 可以加入我们一起交流。而且还有很多在自动化,性能,安全,测试开发等等方面有一定建树的技术大牛
  4. 分享他们的经验,还会分享很多直播讲座和技术沙龙
  5. 可以免费学习!划重点!开源的!!!
  6. qq群号:691998057【暗号:csdn999

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 切换到上一级 iframe1driver.switch_to.parent_frame()# 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变driver.switch_to.parent_frame()

Java 实现

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

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

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

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

总结

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

下面是配套资料,对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!

最后: 可以在公众号:程序员小濠 ! 免费领取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享!,其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。

如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/301694
推荐阅读
相关标签
  

闽ICP备14008679号