本文介绍如何使用Selenium WebDriver处理网页中的iframe元素。通过正确切换上下文，可以实现在iframe内部定位元素并进行操作。
有时候我们在定位一个页面元素的时候发现一直定位不了，反复检查自己写的定位器没有任何问题，代码也没有任何问题。这时你就要看一下这个页面元素是否在一个iframe中，这可能就是找不到的原因之一。
如果你在一个default content中查找一个在iframe中的元素，那肯定是找不到的。反之你在一个iframe中查找另一个iframe元素或default content中的元素，那必然也定位不到。
selenium webdriver中提供了进入一个iframe的方法：
<wbr><wbr><wbr></wbr></wbr></wbr>WebDriver org.openqa.selenium.WebDriver.TargetLocator.frame(String nameOrId)
也提供了一个返回default content的方法：
<wbr><wbr><wbr></wbr></wbr></wbr>WebDriver org.openqa.selenium.WebDriver.TargetLocator.defaultContent()
这样使我们面对iframe时可以轻松应对。
switch_to方法会new <wbr>1个TargetLocator对象，使用该对象的frame方法可以将当前识别的”主体”移动到需要定位的frame上去。</wbr><wbr></wbr>
以下面的html代码为例，我们看一下处现iframe。
这个2个页面放桌面
Html代码
main.html
<html>
<wbr><wbr><head></wbr></wbr>
<wbr><wbr><wbr><wbr><title>FrameTest</title></wbr></wbr></wbr></wbr>
<wbr><wbr></head></wbr></wbr>
<wbr><wbr><body></wbr></wbr>
<div id = "id1">this is a div!</div>
<wbr><wbr><wbr><wbr><iframe id = "<span style="color:#0002FF; word-wrap:normal; word-break:normal; line-height:21px">frame</span>" <wbr>frameborder="0" scrolling="no" style="left:0;position:absolute;" src = "frame.html"></iframe></wbr></wbr></wbr></wbr></wbr>
<wbr><wbr></body></wbr></wbr>
</html>
frame.html
<html>
<wbr><wbr><head></wbr></wbr>
<wbr><wbr><wbr><wbr><title>this is a frame!</title></wbr></wbr></wbr></wbr>
<wbr><wbr></head></wbr></wbr>
<wbr><wbr><body></wbr></wbr>
<div id = "div2">this is a frame，too!</div>
<label>input:</label>
<input id = "input2" value='frame VALUE'>a frame</input>
<wbr><wbr></body></wbr></wbr>
</html>
Java代码
package com.test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
public class Test_frame {
public static void main(String[] args) {
String url = "file:///C:/Documents and Settings/fei yong/桌面/main.html";
<wbr><wbr>//打开chrome</wbr></wbr>
<wbr><wbr>WebDriver dr = new ChromeDriver();</wbr></wbr>
<wbr><wbr><wbr><wbr>dr.get(url);</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>//在default content定位id="id1"的div</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>dr.findElement(By.id("id1"));</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>//此时，没有进入到id="frame"的frame中时，以下两句会报错</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>//dr.findElement(By.id("div1"));//报错</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>//dr.findElement(By.id("input1"));//报错</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>//进入id="frame"的frame中，定位id="div1"的div和id="input1"的输入框。</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr><span style="color:#FF0000; word-wrap:normal; word-break:normal; line-height:21px">dr.switchTo().frame("frame");</span></wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>dr.findElement(By.id("div2"));</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>dr.findElement(By.id("input2"));</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>System.out.println("div2.getTagName:"+dr.findElement(By.id("div2")).getTagName()+";");</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>System.out.println("input2.getTagName:"+dr.findElement(By.id("input2")).getTagName());</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>System.out.println("input2.getText:"+dr.findElement(By.id("input2")).getText());</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>//此时，没有跳出frame，如果定位default content中的元素也会报错。</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>//dr.findElement(By.id("id1"));//报错</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>//跳出frame,进入default content;重新定位id="id1"的div</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr><span style="color:#FF0000; word-wrap:normal; word-break:normal; line-height:21px">dr.switchTo().defaultContent();</span></wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>dr.findElement(By.id("id1"));</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>System.out.println("id1.getText:"+dr.findElement(By.id("id1")).getText());</wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr>dr.quit();</wbr></wbr></wbr></wbr>
}
}
页面输出：
扫一扫
1211
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
