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

今天来了解一下 frame的标签。
frame标签有三种:frameset、iframe、frame;
>>>frameset就当做一个普通的标签使用,
>>>而frame与iframe就有点特殊了。
所以接下来的时间,我们要针对frame和iframe进行详细的操作。

1.frame 与 iframe的区别

  1. FrameIframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。
  2. frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架。
  3. Iframe 标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。
  4. IframeFrame标记的最大区别是在网页中嵌入 的所包含的内容与整个页面是一个整体,而< /Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内 容的代码。

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

这个很简单,
1.打开Firefox浏览器
2.定位元素,切换到FirePath界面
3.查看Firebug工具左上角,如果显示Top Window 说明没有在iframe上
4.如果显示 iframe# xxx 这样,说明在iframe上,# 后面是它的id。

iframe如下图:

在这里插入图片描述
Top Window 如下图:
在这里插入图片描述

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()
这个写法即可。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Carl_奕然

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值