技术分享 | 网页 frame 与多窗口处理

简介: 技术分享 | 网页 frame 与多窗口处理

知识点

iframe解析


如图可以看到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 版本


从上面源代码中的说明可以看出,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 中切换句柄需要使用迭代器,如果有下一个句柄,则切换,没有则不切换,上面代码表示切换到最后一个窗口。更多技术文章

相关文章
|
负载均衡 网络协议 开发者
掌握 Docker 网络:构建复杂的容器通信
在 Docker 容器化环境中,容器间的通信至关重要。本文详细介绍了 Docker 网络的基本概念和类型,包括桥接网络、宿主网络、覆盖网络和 Macvlan 网络等,并提供了创建、管理和配置自定义网络的实用命令。通过掌握这些知识,开发者可以构建更健壮和灵活的容器化应用,提高应用的可扩展性和安全性。
|
存储 安全 物联网
C# 在物联网 (IoT) 应用中的应用
本文介绍了C#在物联网(IoT)应用中的应用,涵盖基础概念、优势、常见问题及其解决方法。重点讨论了网络通信、数据处理和安全问题,并提供了相应的代码示例,旨在帮助开发者更好地利用C#进行IoT开发。
586 3
|
消息中间件 存储 Prometheus
【Kafka】Kafka 提供了哪些系统工具
【4月更文挑战第11天】【Kafka】Kafka 提供了哪些系统工具
|
云安全 弹性计算 Kubernetes
玩转ECS第4讲 | 基于弹性计算网络能力提升容器密度最佳实践
云原生和容器化是主流的趋势,实现容器化时推荐大家使用云厂商的容器服务,如阿里云ACK。但由于部分用户因为一些原因需要自建容器,此时不得不面临一个问题,就是如何能够在一台宿主机上提升容器数量,降低容器成本。
玩转ECS第4讲 | 基于弹性计算网络能力提升容器密度最佳实践
|
SQL 数据库 关系型数据库
pg_dump 详解/使用举例
pg_dump是一个用于备份PostgreSQL数据库的实用工具。即使当前数据库正在使用,也能够生成一致性的备份,且不会阻塞其他用户访问数据库(包括读、写) pg_dump只能备份一个数据库。如果要备份Cluster中数据库共有的全局对象,例如角色和表空间,需要使用pg_dumpall。
11798 0
|
存储 传感器 运维
AloT 企业物联网平台入门01|学习笔记(一)
快速学习 AloT 企业物联网平台入门01
970 17
AloT 企业物联网平台入门01|学习笔记(一)
|
文字识别 API C#
一个基于C#开发的轻量级OCR文字识别开源工具
一个基于C#开发的Windows OCR工具,通过截图的方式就可以自动识别文字,并自动拷贝文字。
2673 0
一个基于C#开发的轻量级OCR文字识别开源工具
|
Java 开发工具 Android开发
Android 支付宝支付开发流程
项目中要用到支付功能,需要支付宝支付、微信支付、银联支付,所以打算总结一下,方便以后的查阅,也方便大家, 用到的地方避免再次被坑。 今天我们就主要介绍一下支付宝支付,其他支付也给出了对应的连接。
738 0
|
分布式计算 算法 Java
Scale 概述(上)|学习笔记
快速学习 Scale 概述(上)。
1156 0
|
设计模式 程序员 iOS开发
iOS ScrollView的使用教程
iOS ScrollView的使用教程
426 0
iOS ScrollView的使用教程