selenium定位iframe框架内元素

做UI自动化测试的时候,经常遇到iframe页面,这样的页面是无法直接定位,需要切换。
一、iframe的含义:b/s架构都使用iframe,官方的定义是这样的:【iframe 元素会创建包含另外一个文档的内联框架(即行内框架)】。什么意思呢,就像是我们的某个主页,里面有好多小模块,每 个 小模块用这个叫做iframe的东西分开来,方便维护,也方便开发各自开发各自的部分,互不相干。
通常不在同一个iframe分为两种情况:一种是包含,一种是平级。
二、frame和iframe区别:Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。 frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架
Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入 的所包含的内容与整个页面是一个整体,而< /Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内 容的代码。

图示:
在这里插入图片描述

定位方法:

from selenium import webdriver
driver = webdriver.Chrome()

driver.switch_to.frame(0)                #1.用frame的index来定位,第一个是0
# driver.switch_to.frame("frame1")       #2.用id来定位
# driver.switch_to.frame("myframe")      #3.用name来定位
# driver.switch_to.frame(driver.find_element_by_tag_name("iframe"))  # 4.用WebElement对象来定位

案例1:以东方财富网登陆页面定位
在这里插入图片描述

这个iframe是带id的,可以直接使用上面第二个方法来切换
具体代码如下:

from selenium import webdriver
import unittest
import time
class Test_iframe(unittest.TestCase):
    def setUp(self):
        pass
    def tearDown(self):
        pass
    def test_iframe(self):
        driver = webdriver.Firefox()
        driver.get("https://passport2.eastmoney.com/pub/login?backurl=http%3A//www.eastmoney.com/")
        driver.implicitly_wait(5)
        driver.switch_to_frame("frame_login")
        driver.find_element_by_name("login_email").send_keys("测试123456")
        driver.switch_to_default_content() #返回主页,释放iframe
        time.sleep(2)
        driver.close()

if __name__ == '__main__':
    unittest.main(warnings="ignore")

运行结果:
在这里插入图片描述
在这里插入图片描述
注意:我的selenium版本是2.48,所以switch相关方法都划了横线,如果是高版本,写法是switch_to.frame和switch_to_default.content
在这里插入图片描述

一般进入iframe

driver.switch_to.frame(iframe)

退出/释放iframe
driver.switch_to_default.content()

案例2,以163邮箱为例
对于iframe动态id,可以使用tag_name去定位
具体代码:
在这里插入图片描述

from selenium import webdriver
import time

driver = webdriver.Chrome(executable_path=r'D:\UI2019test\public\common\chromedriver.exe')
driver.get('https://mail.163.com/')

time.sleep(3)
iframe =driver.find_element_by_tag_name('iframe')
driver.switch_to_frame(iframe)
driver.implicitly_wait(5)
driver.find_element_by_name("email").send_keys("账号")
driver.find_element_by_name("password").send_keys("密码")
driver.find_element_by_id("dologin").click()
print(driver.title)
time.sleep(4)
driver.quit()

结果:
在这里插入图片描述

还可以使用iframe =driver.find_element_by_xpath(’//*[@id=“loginDiv”]/iframe’)
先用xpath定位到iframe上面一层,再定iframe。
在这里插入图片描述
运行结果:
在这里插入图片描述

  • 2
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值