技术分享 | 网页 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 中切换句柄需要使用迭代器,如果有下一个句柄,则切换,没有则不切换,上面代码表示切换到最后一个窗口。更多技术文章

相关文章
|
8月前
|
JavaScript 前端开发
技术好文共享:移动端事件(二)——移动端滑屏切换的幻灯片
技术好文共享:移动端事件(二)——移动端滑屏切换的幻灯片
34 0
|
Android开发
我的Android进阶之旅------&gt;介绍一款集录制与剪辑为一体的屏幕GIF 动画制作工具 GifCam
由于上一篇文章:我的Android进阶之旅------>Android之动画之Frame Animation实例 中展示的是Frame动画效果,但是之前我是将图片截取下来,不好说明确切的动画过程,因此今天百度了一下gif动画的制作工具,找到了这款不错的软件GifCam。
1302 0
|
编解码 负载均衡 小程序
像素流技术在微信和小程序中如何全屏?
针对像素流技术中可能存在的问题,做了深入研究,并将其产品化。针对手机微信或者小程序中不能全屏的问题,点量云渲染分析原因可能是模型的手机屏幕和原始分辨率不一样,所以会有黑边不能全屏,通过一些我们研究的适配方法是可以做到全屏。比如启动模型的时候,能够获取到观看者的手机屏幕分辨率,在传回到模型中,这样模型用相应的分辨率运行,就不会有黑边,实现全屏的效果。
297 0
像素流技术在微信和小程序中如何全屏?
|
8月前
|
机器人 计算机视觉
技术好文:RobotJS截取屏幕screen.capture踩坑
技术好文:RobotJS截取屏幕screen.capture踩坑
104 0
|
前端开发
前端必备的截屏取色小工具推荐——Faststone Capture
前端必备的截屏取色小工具推荐——Faststone Capture
763 0
前端必备的截屏取色小工具推荐——Faststone Capture
|
小程序 开发者
微信小程序开发之视频播放器带弹幕Video弹幕颜色自定义(有图有源码)
微信小程序开发之视频播放器带弹幕Video弹幕颜色自定义(有图有源码)
210 0
|
XML Android开发 数据格式
仿百度壁纸客户端(六)——完结篇之Gallery画廊实现壁纸预览已经项目细节优化
<div class="markdown_views"> <h1 id="仿百度壁纸客户端六完结篇之gallery画廊实现壁纸预览已经项目细节优化">仿百度壁纸客户端(六)——完结篇之Gallery画廊实现壁纸预览已经项目细节优化</h1> <hr> <h2 id="百度壁纸系列">百度壁纸系列</h2> <blockquote> <p><a href="http://
1964 0
|
Web App开发
自制浏览器网页背景是什么体验?
自制浏览器网页背景是什么体验?
90 0
|
前端开发
silverlight中"制作逐帧动画"/"播放gif"收集
“逐帧动画”与“播放GIF”貌似二个风马牛不相干的问题,其实不然! 因为silverlight中的image控件不支持直接把gif动画做为source,所以象做动画常用的"走路的小人","加载loading小动画"...这类经典gif素材,无法直接使用,只能转化为逐帧动画来处理。
929 0

热门文章

最新文章