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

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

frame 与 iframe的区别

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

如何判断元素是否在iframe上

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

iframe如下图:

Selenium成长之路-24 frame(iframe)的处理
Top Window 如下图:
Selenium成长之路-24 frame(iframe)的处理

frame 三种方法

switch_to.frame()

语法:

switch_to.frame(reference)

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

举个例子:

Selenium成长之路-24 frame(iframe)的处理
如何定位到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对象。

switch_to.default_content()

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

driver.switch_to.default_content()

switch_to.parent_frame()

如果我们遇到嵌套的frame,怎么办呢?
不要慌,我们直接派出**switch_to.parent_frame()**来应对。

举个例子:

Selenium成长之路-24 frame(iframe)的处理
1.从主文档切到frame2,一层层切入

driver.switch_to.frame(“frame1”)
driver.switch_to.frame(“frame2”)

2.从frame2再切回frame1,

driver.switch_to.parent_frame()

#只针对非主文档,才能看出效果
#如果是主文档,则看不出效果
#switch_to.parent_frame() 这功能,其实就相当于后退的方法。

敲黑板:
有的大佬在使用switch_to_frame()写法时,报错,
是由于官网现在不推荐了。
直接改成
switch_to.frame()
这个写法即可。