Selenium + Webdriver 学习(五) frame下元素定位_selenium定位div+iframe布局-优快云博客

有时候我们在定位一个页面元素的时候发现一直定位不了，反复检查自己写的定位器没有任何问题，代码也没有任何问题。这时你就要看一下这个页面元素是否在一个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 plain copy print ?

<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 plain copy print ?

<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 plain copy print ?

/*** 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 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

	}

}

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

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

[java] view plain copy print ?

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

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

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

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

[java] view plain copy print ?

/*** 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 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"));
	}

}

结果：