Selenium成长之路-24 frame(iframe)的处理

简介: Selenium成长之路-24 frame(iframe)的处理

今天来了解一下 frame的标签。

frame标签有三种:frameset、iframe、frame;

>>>frameset就当做一个普通的标签使用,

>>>而frame与iframe就有点特殊了。

所以接下来的时间,我们要针对frame和iframe进行详细的操作。


Frame与Ifream操作


1.frame 与 iframe的区别

Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。

frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架。

Iframe 标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。

Iframe和Frame标记的最大区别是在网页中嵌入 的所包含的内容与整个页面是一个整体,而< /Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内 容的代码。


2.如何判断元素是否在iframe上


这个很简单,

1.打开Firefox浏览器

2.定位元素,切换到FirePath界面

3.查看Firebug工具左上角,如果显示Top Window 说明没有在iframe上

4.如果显示 iframe# xxx 这样,说明在iframe上,# 后面是它的id。


iframe如下图:

image.png


Top Window 如下图:

image.png


3.frame 三种方法

3.1 switch_to.frame()

语法:


switch_to.frame(reference)

reference是传入的参数,用来定位frame的,可以传入id,name,index及selenium的WebElement对象(即find_element)。


举个例子:


<body>
<iframe src = "a.html" id = "frame1" name = "myframe">
</iframe>
</body>

如何定位到iframe呢:


from selenium import webdriver
  driver = webdriver.Chrome()
  #用frame的index来定位,第一位时0
  driver.switch_to.frame(0)

一般情况,咱们使用id和name就能解决大部分问题。

但是,万事都有特例,如果没有id和name怎么办?

这难不倒我们,可以直接使用index 和webElement来定位。

>> index从0开始,传入整型参数即判定为用index定位,传入str参数则判定为用id/name定位。

>> WebElement对象,即用find_element系列方法所取得的对象,我们可以用tag_name、xpath等来定位frame对象。


3.2 switch_to.default_content()

如何返回到主文档,我们就是用:


driver.switch_to.default_content()

3.3 switch_to.parent_frame()

如果我们遇到嵌套的frame,怎么办呢?

不要慌,我们直接用:switch_to.parent_frame()


举个例子:


<html>
  <iframe id = "frame1">
  <iframe id = "frame2"/>
  </iframe>
</html>

①从主文档切到frame2,一层层切入


driver.switch_to.frame("frame1")
  driver.switch_to.frame("frame2")

②从frame2再切回frame1,

driver.switch_to.parent_frame()


#只针对非主文档,才能看出效果

#如果是主文档,则看不出效果

#switch_to.parent_frame() 这功能,其实就相当于后退的方法。


敲黑板:

有的大佬在使用switch_to_frame()写法时,报错,

是由于官网现在不推荐了。

直接改成switch_to.frame() 这个写法即可。

目录
相关文章
|
4月前
|
设计模式 Java 测试技术
【Selenium使用误区】Iframe元素定位失败:避免误提GitHub Issue的技巧
本文分享了作者在使用Selenium进行UI自动化测试时遇到的一个常见问题:在模拟登录163邮箱的过程中,元素定位失败,原因是没有正确地定位到iframe内的元素。文章通过分析问题原因、提供解决方案和附录代码,指导读者如何避免类似的错误,并强调了在UI自动化测试中准确定位页面元素的重要性。
44 1
|
7月前
|
前端开发 测试技术 Python
《手把手教你》系列技巧篇(四十一)-java+ selenium自动化测试 - 处理iframe -上篇(详解教程)
【5月更文挑战第5天】本文介绍了HTML中的`iframe`标签,它用于在网页中嵌套其他网页。`iframe`常用于加载外部内容或网站的某个部分,以实现页面美观。文章还讲述了使用Selenium自动化测试时如何处理`iframe`,通过`switchTo().frame()`方法进入`iframe`,完成相应操作,然后使用`switchTo().defaultContent()`返回主窗口。此外,文章提供了一个包含`iframe`的HTML代码示例,并给出了一个简单的自动化测试代码实战,演示了如何在`iframe`中输入文本。
64 3
|
7月前
|
前端开发 Java 测试技术
《手把手教你》系列技巧篇(四十二)-java+ selenium自动化测试 - 处理iframe -下篇(详解教程)
【5月更文挑战第6天】本文介绍了如何使用Selenium处理含有iframe的网页。作者首先解释了iframe是什么,即HTML中的一个框架,用于在一个页面中嵌入另一个页面。接着,通过一个实战例子展示了在QQ邮箱登录页面中,由于输入框存在于iframe内,导致直接定位元素失败。作者提供了三种方法来处理这种情况:1)通过id或name属性切换到iframe;2)使用webElement对象切换;3)通过索引切换。最后,给出了相应的Java代码示例,并提醒读者根据iframe的实际情况选择合适的方法进行切换和元素定位。
63 0
|
Python
Selenium中操作iframe,别再说你不会了
Selenium中操作iframe,别再说你不会了
172 0
|
JavaScript
大型情感剧集Selenium:5_alert窗口与iframe框架定位
今天和大家说说alert与iframe框架早selenium定位中,存在的问题吧。
142 0
|
前端开发
Selenium系列(七) - 切换iframe
Selenium系列(七) - 切换iframe
166 0
Python+selenium 自动化-切换窗口页签、切换iframe框架。确定页面是否包含iframe方法。
Python+selenium 自动化-切换窗口页签、切换iframe框架。确定页面是否包含iframe方法。
802 0

热门文章

最新文章