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 实现

2. # index：传入整型的参数，从 0 开始，这里的 0 就是第一个 frame

4. driver.switch_to.frame(0)

7. #id：iframe 的 id

9. driver.switch_to.frame("hogwarts_id")

12. #name: iframe 的 name

14. driver.switch_to.frame("hogwarts_name")

17. #WebElement: 传入 `selenium.webelement` 对象

19. driver.switch_to.frame(driver.find_element(By.TAG_NAME,"iframe"))

Java 实现

2. //通过位置index选中frame，0表示第一个frame

4. driver.switchTo().frame(0);

6. //通过frame的id或name来选中frame

8. driver.switchTo().frame("hogwarts_id");

10. driver.switchTo().frame("hogwarts_name");

12. //WebElement: 传入 `selenium.webelement` 对象

14. 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 实现

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

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

7. # 从 iframe2 切换到上一级 iframe1

9. driver.switch_to.parent_frame()

11. # 从 iframe1 切换到上一级 iframe，如果 iframe 已经是最上级，则保持不变

13. driver.switch_to.parent_frame()

Java 实现

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

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

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

2. # 从iframe2切换到上一级iframe1

4. driver.switchTo().parent_frame()

6. # 从iframe1切换到上一级iframe，如果iframe已经是最上级，则保持不变

8. driver.switchTo().parent_frame()

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

总结

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

总结：

感谢每一个认真阅读我文章的人！！！

作为一位过来人也是希望大家少走一些弯路，如果你不想再体验一次学习时找不到资料，没人解答问题，坚持几天便放弃的感受的话，在这里我给大家分享一些自动化测试的学习资源，希望能给你前进的路上带来帮助。

软件测试面试文档

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

 

          视频文档获取方式：
这份文档和视频资料，对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！以上均可以分享，点下方小卡片即可自行领取。