Selenium + Webdriver 学习(五) frame下元素定位

来源：互联网发布：程序员面试 pdf 编辑：程序博客网时间：2024/05/21 06:24

有时候我们在定位一个页面元素的时候发现一直定位不了，反复检查自己写的定位器没有任何问题，代码也没有任何问题。这时你就要看一下这个页面元素是否在一个iframe中，这可能就是找不到的原因之一。如果你在一个defaultcontent中查找一个在iframe中的元素，那肯定是找不到的。反之你在一个iframe中查找另一个iframe元素或default content中的元素，那必然也定位不到。

selenium webdriver中提供了进入一个iframe的方法：

WebDriver org.openqa.selenium.WebDriver.TargetLocator.frame(StringnameOrId)

也提供了一个返回default content的方法：

WebDriver org.openqa.selenium.WebDriver.TargetLocator.defaultContent()

这样使我们面对iframe时可以轻松应对。

以下面的html代码为例，我们看一下处现iframe。

Html代码：

main.html

[html] view plaincopyprint?

<html>
<head>
<title>FrameTest</title>
</head>
<body>
<div id = "id1">this is a div!</div>
<iframe id = "frame" frameborder="0" scrolling="no" style="left:0;position:absolute;" src = "frame.html"></iframe>
</body>
</html>

<html>      <head>          <title>FrameTest</title>      </head>      <body>      <div id = "id1">this is a div!</div>          <iframe id = "frame"  frameborder="0" scrolling="no" style="left:0;position:absolute;" src = "frame.html"></iframe>      </body>  </html>

frame.html

[html] view plaincopyprint?

<html>
<head>
<title>this is a frame!</title>
</head>
<body>
<div id = "div1">this is a div，too!</div>
<label>input:</label>
<input id = "input1"></input>
</body>
</html>

<html>      <head>          <title>this is a frame!</title>      </head>      <body>      <div id = "div1">this is a div，too!</div>      <label>input:</label>      <input id = "input1"></input>      </body>  </html>

如图：

java代码：

[java] view plaincopyprint?

/*** This class is about Test_i\frame.
* @author annie.wang
*/
package com.annie.test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
public class Iframe_Test {
public static void main(String[] args) {
// TODO Auto-generated method stub
WebDriver dr= new FirefoxDriver();
String url="C:\\Users\\Administrator\\Desktop\\frametest\\main.html";
dr.get(url);
/**在default content定位id="id1"的div*/
dr.findElement(By.id("id1"));
//此时没有进入到id="frame"的frame 中时，以下两句会报错
dr.findElement(By.id("div1"));//error
dr.findElement(By.id("input1"));//error
}
}

/*** This class is about Test_i\frame.* @author annie.wang  */package com.annie.test;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.firefox.FirefoxDriver;public class Iframe_Test {public static void main(String[] args) {// TODO Auto-generated method stubWebDriver dr= new FirefoxDriver();String url="C:\\Users\\Administrator\\Desktop\\frametest\\main.html";dr.get(url);/**在default content定位id="id1"的div*/dr.findElement(By.id("id1"));//此时没有进入到id="frame"的frame 中时，以下两句会报错dr.findElement(By.id("div1"));//errordr.findElement(By.id("input1"));//error}}

报错如图：（定位不到元素）

加入如下代码片段再定位 frame下的id=“div1”和id=“input1” 就不会报错。

[java] view plaincopyprint?

dr.switchTo().frame("frame");

dr.switchTo().frame("frame");

注意最后回到default content中定位，需要跳出，否则也会报错

综上所述：完整代码如下：

[java] view plaincopyprint?

/*** This class is about Test_i\frame.
* @author annie.wang
*/
package com.annie.test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
public class Iframe_Test {
public static void main(String[] args) {
// TODO Auto-generated method stub
WebDriver dr = new FirefoxDriver();
String url = "C:\\Users\\Administrator\\Desktop\\frametest\\main.html";
dr.get(url);
/** 在default content定位id="id1"的div */
dr.findElement(By.id("id1"));
// 此时没有进入到id="frame"的frame 中时，以下两句会报错
// dr.findElement(By.id("div1"));//error
// dr.findElement(By.id("input1"));
/** 进入id="frame"的frame中，定位id="div1"的div和 id="input1"的输入框 */
dr.switchTo().frame("frame");
dr.findElement(By.id("div1"));
dr.findElement(By.id("input1"));
// 此时没跳出frame，如果这时定位default content中的元素也会报错
// dr.findElement(By.id("id1"));//error
/** 跳出frame,进入default content;重新定位id="id1"的div */
dr.switchTo().defaultContent();
WebElement we = dr.findElement(By.id("id1"));
System.out.println(we.getTagName() + "***" + we.getAttribute("id"));
}
}

/*** This class is about Test_i\frame. * @author annie.wang   */package com.annie.test;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.firefox.FirefoxDriver;public class Iframe_Test {public static void main(String[] args) {// TODO Auto-generated method stubWebDriver dr = new FirefoxDriver();String url = "C:\\Users\\Administrator\\Desktop\\frametest\\main.html";dr.get(url);/** 在default content定位id="id1"的div */dr.findElement(By.id("id1"));// 此时没有进入到id="frame"的frame 中时，以下两句会报错// dr.findElement(By.id("div1"));//error// dr.findElement(By.id("input1"));/** 进入id="frame"的frame中，定位id="div1"的div和 id="input1"的输入框 */dr.switchTo().frame("frame");dr.findElement(By.id("div1"));dr.findElement(By.id("input1"));// 此时 没跳出frame，如果这时定位default content中的元素也会报错// dr.findElement(By.id("id1"));//error/** 跳出frame,进入default content;重新定位id="id1"的div */dr.switchTo().defaultContent();WebElement we = dr.findElement(By.id("id1"));System.out.println(we.getTagName() + "***" + we.getAttribute("id"));}}

结果：

0 0