【转载】webDriver拾级而上·之五 iframe的处理

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

如果你在一个default content中查找一个在iframe中的元素，那肯定是找不到的。反之你在一个iframe中查找另一个iframe元素或default content中的元素，那必然也定位不到。

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

WebDriver org.openqa.selenium.WebDriver.TargetLocator.frame(String nameOrId)

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

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

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

switch_to方法会new 1个TargetLocator对象，使用该对象的frame方法可以将当前识别的”主体”移动到需要定位的frame上去。

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

这个2个页面放桌面

Html代码

main.html

<html>

<head>

<title>FrameTest</title>

</head>

<body>

</body>

</html>

frame.html

<html>

<head>

<title>this is a frame!</title>

</head>

<body>

<div id = "div2">this is a frame，too!</div>

<label>input:</label>

<input id = "input2" value='frame VALUE'>a frame</input>

</body>

</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";

//打开chrome

WebDriver dr = new ChromeDriver();

dr.get(url);

//在default content定位id="id1"的div

dr.findElement(By.id("id1"));

//此时，没有进入到id="frame"的frame中时，以下两句会报错

//dr.findElement(By.id("div2"));//报错

//dr.findElement(By.id("input2"));//报错

//进入id="frame"的frame中，定位id="div1"的div和id="input1"的输入框。

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

dr.findElement(By.id("div2"));

dr.findElement(By.id("input2"));

System.out.println("div2.getTagName:"+dr.findElement(By.id("div2")).getTagName()+";");

System.out.println("input2.getTagName:"+dr.findElement(By.id("input2")).getTagName());

System.out.println("input2.getText:"+dr.findElement(By.id("input2")).getText());

//此时，没有跳出frame，如果定位default content中的元素也会报错。

//dr.findElement(By.id("id1"));//报错

//跳出frame,进入default content;重新定位id="id1"的div

dr.switchTo().defaultContent();

dr.findElement(By.id("id1"));

System.out.println("id1.getText:"+dr.findElement(By.id("id1")).getText());

dr.quit();

}

页面输出：