selenium自动化测试入门 定位frame和iframe中的元素对象

< frame> <iframe> 标签,浏览器会在标签中打开一个特定的页面窗口(框架),它在本窗口中嵌套进入一个网页,当用selenium定位页面元素的时候会遇到定位不到frame框架内的元素的问题。

定位frame中的元素前我们需要driver.switch_to.frame()切换到对应的frame中,执行操作后,要操作frame框架外的元素,需要通过driver.switch_to.default_content()切换回主文档页面。

driver.switch_to.frame(index/id/name/WebElement) 切入frame裤架中,参数可以为id/name/index

driver.switch_to.parent_frame() 切换回当前frame的上一层,如果当前已是主文档,则无效果

driver.switch_to.default_content() 切换回主文档



创建如下两个html文件,两个文件放入同一个文件夹内

frame.html

<html>
<head>
   <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
   <title>frame</title>
</head>
<body>
<div class="row-fluid">
   <label>frame外输入框</label>
   <input type=‘text‘ id="frameinput">
   <div class="span10 well">
       <h3>frame</h3>
       <iframe id="f1" name="frame2" src="inner_frame.html" width="800" height="600"></iframe>
   </div>
</div>
</body>
</html>

inner_frame.html

<html>
<head>
   <title>inner frame</title>
</head>
<body>
<label id="innerlable">frame1内多选按钮 </label>
<input type="checkbox" id="innercheck" name="inner">
<div class="row-fluid">
   <h3>inner frame</h3>
   <iframe id="f2" name="frame2" src="http://m.baidu.com/" width="700" height="400">
   </iframe>
</div>
</body>
</html>


示例:操作主文档的元素 --> 切换到外层frame 操作外层frame的元素 --> 切换到内层frame 操作内层的元素 --> 切换回外层frame 操作外层frame 的元素 --> 再次切入内层frame操作元素 --> 切换回主文档操作文档元素 -->再去切换到外层frame操作元素

from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get(r‘E:\frame.html‘)  # 打开frame.html页面,注意修改为你的位置
driver.find_element_by_id(‘frameinput‘).send_keys(‘操作frame外的元素‘)
driver.switch_to.frame(0)  # 根据index切换,从0开始
text = driver.find_element_by_id(‘innerlable‘).text
print(text)
driver.find_element_by_id(‘innercheck‘).click()
driver.switch_to.frame(‘f2‘)  # 根据id切入 内层frame
driver.find_element_by_id(‘index-kw‘).send_keys(‘selenium frame‘)
driver.switch_to.parent_frame()  # 切换到上一层表单
driver.find_element_by_id(‘innercheck‘).click()
driver.switch_to.frame(‘frame2‘)  # 根据name再次切入内层frame
driver.find_element_by_id(‘index-bn‘).click()
driver.switch_to.default_content() # 切换回主文档
driver.find_element_by_ta(‘frameinput‘).clear()
driver.switch_to.frame(driver.find_elements_by_tag_name(‘iframe‘))  # 通过webelement切换driver.find_element_by_id(‘innercheck‘).click()
time.sleep(3)
driver.quit()

1、 driver.switch_to.frame(frame_reference)切换进入frame

switch_to_frame() 将淘汰使用,建议使用switch_to.frame()。

switch_to.frame() 切换frame支持4种不同参数方法进行切换,元素的frame的index,frame的id或name属性,frame元素的WebElement元素对象。

通常采用id和name就能够解决绝大多数问题。但有时候frame并无这两项属性,则可以用index和WebElement来定位:

  • index从0开始,整型参数,根据同层frame的顺序定位
  • WebElement对象,即find_element方法所取得的对象,我们可以用tag_name、xpath等来定位frame对象。如上示例的:driver.switch_to.frame(driver.find_elements_by_tag_name(‘iframe‘))

2、 driver.switch_to.default_content() 切换回主文档

切到frame中之后,我们便不能继续操作主文档的元素,这时如果想操作主文档内容,则需切回主文档。

driver.switch_to.default_content() # 切换到主文档中。

注意:很多人都会忘记这步操作

3、driver.switch_to.parent_frame() 切换到上一层表单

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

嵌套frame很少会遇到,如下frame1为外层,frame2嵌套在frame1中。我们进行切换操作如下:

a. 从主文档切到frame2,一层层切进去

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

b. 从frame2再切回frame1,selenium提供了一个方法能够从子frame切回到父frame,而不用我们切回主文档再切进来。

driver.switch_to.parent_frame()  # 如果当前已是主文档,则无效果

parent_frame()这个相当于后退的方法,我们可以随意切换不同的frame。

原文地址:https://www.cnblogs.com/jiachangwei/p/12153150.html

时间: 2024-11-08 03:33:34

selenium自动化测试入门 定位frame和iframe中的元素对象的相关文章

操作Frame和IFrame中页面元素

HTML <iframe> 标签 定义:iframe 元素会创建包含另外一个文档的内联框架(即行内框架). frame标签有frameset.frame.iframe三种,frameset跟其他普通标签没有区别,不会影响到正常的定位 而frame与iframe对selenium定位而言是一样的,selenium有一组方法对frame进行操作. 1.怎么切到frame中(switch_to.frame()) selenium提供了switch_to.frame()方法来切换frame switc

Java中通过Selenium WebDriver定位iframe中的元素

问题:有一些元素,无论是通过id或是xpath等等,怎么都定位不到. 分析:这很可能是因为你要定位的元素被嵌套在了当前页面的一个iframe元素中,Selenium对iframe中的元素有特殊的定位规则,WebDriver不能够直接进行定位. 解决办法:我们要把这个iframe元素找出来,让WebDriver转移到这个iframe元素上,之后再让WebDriver对iframe中的元素进行定位. 因为最近在用Java来做一些东西,所以就顺便说一下Selenium在Java环境下的使用,总共分三步

Java Selenium (十二) 操作弹出窗口 &amp; 智能等待页面加载完成 &amp; 处理 Iframe 中的元素

一.操作弹出窗口   原理 在代码里, 通过 Set<String> allWindowsId = driver.getWindowHandles(); 来获取到所有弹出浏览器的句柄, 然后遍历, 使用swithcto.window(newwindow_handle)方法. 就可以定位到新的窗口. 测试页面的HTML <html> <head> <title>常见web ui元素操作, 及API使用</title> <script type

Js/Jquery获取iframe中的元素

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素. JavaScript 在父窗口中获取iframe中的元素 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById

Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_

父窗口中获取iframe中的元素

js 在父窗口中获取iframe中的元素 1. Js代码   格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("btnOk").click(); 2. Java代码   格式: var obj=document.get

jQuery如何获取iframe中的元素

jQuery如何获取iframe中的元素:这个问题其实非常简单,既然要获取iframe中的元素,那么首先要获取iframe.关于获取iframe这里就不介绍了可以参阅父窗口和iframe中对象互相传值简介一章节. 下面直接看一段代码就能够很轻松明白: $(window.frames["main"].document).find("ul") 以上代码id属性值为main的iframe元素中的ul元素. 原文地址是:http://www.softwhy.com/foru

在IFrame中查找IFRAME中的元素的方式

下面是内部iframe找外部mainFrame的情况 var websiteSearchButton = window.parent.parent.document.getElementById('mainFrame')     .contentWindow.document.getElementById("webresource-search-button"); iframe中1.子页面找符页面中的元素$(window.parent.document).find(id);2.父页面-

获取iframe中的元素

父窗口中获取iframe中的元素 var ifr = document.getElementById('suggustion').contentWindow.document.body; 在iframe中获取父窗口的元素 格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click(); 实例:window.parent.document.getElementByIdx_x("btnOk").click(