iframe切换的问题

这篇介绍webdriver在处理定位元素报错，提示没有这样的元素。这个时候，有可能是你测试的网页，采用了frame技术。什么是frame，简单来说，就是把一个网页划分成多个子页面，脑补这下这样的页面。我把一个空白的html文件，使用了frame技术后，分成两个页面，左边显示百度首页，右边显示谷歌首页。这个就是frame的简单使用。webdriver默认查找的元素都是Top window这层，如果有些元素内嵌在frame内部，需要先使用switch to语句，切换到frame内部，然后去操作元素，操作完了之后，需要switch out到default区域，也就是Top window。

常用方法：

1.切换到某个iframe里

driver.switchTo().frame(driver.findElement(By.xpath(xpath)));

2.加入有多层iframe的回到上一层

obj.getDriver().switchTo().parentFrame();

3.回到主文档

obj.getDriver().switchTo().defaultContent();

​ 举例：网上不太好找一个网页使用了frame技术。我这里找到一个，主要点击下面这个页面中的筛选条件中的化学药这个元素。正常的测试步骤，如下，结果报错，提示没有这样的元素这个异常。

package lessons;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
public class ElementOpration {
public static void main(String[] args) throws Exception {
System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
driver.manage().window().maximize();
driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
driver.get("http://data.pharmacodia.com/web/homePage/index?ns=1&ts=1&str=YWSJ");
Thread.sleep(1000);
// 化学药 这个分类点击
WebElement drug_type_huaxue = driver.findElement(By.xpath("//*/span[@title='化学药']"));
drug_type_huaxue.click();
}
}

从Eclipse上报错来看，提示没有这样的元素这个异常，一开始，可以去排查是不是我们元素定位方式写错了。第二个要考虑到就是，该页面是不是使用了frame技术。在firefox浏览器上的firepath插件，通过看下图中红圈确定元素是否在frame内部。

正常的元素这个红圈位置会显示Top Window。如果看到了iframe说明这里采用了frame技术，一般来讲#后面的表示这个frame的id或者名称，webdriver中有一个方法是根据frame的名称或者id来进行切换的。switchTo下关于frame操作的有四个方法。

第一个是根据frame的索引来定位，也就是说一个页面如果有多个frame，可以根据frame(1),frame(2)从上往下去定位。第二个就是我们今天介绍的方法，是根据frame的ID或者name去识别。第三个是根据该frame内部一个元素去识别，第四个就是从frame内部切换到默认的Top Window的方法。我们修改下脚本，在点击化学药这个操作的时候，先切换到frame内部，然后去操作内部元素化学药，最后切换出去，点击无权限提醒对话框上面的去登录按钮。

package lessons;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
public class ElementOpration {
public static void main(String[] args) throws Exception {
System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
driver.manage().window().maximize();
driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
driver.get("http://data.pharmacodia.com/web/homePage/index?ns=1&ts=1&str=YWSJ");
Thread.sleep(1000);
// 切换到某一个frame内部
driver.switchTo().frame("rightMain");
// 化学药 这个分类点击
WebElement drug_type_huaxue = driver.findElement(By.xpath("//*/span[@title='化学药']"));
drug_type_huaxue.click();
Thread.sleep(1000);
// 切换到Top Windows，点击权限提示上面的去登录按钮。
driver.switchTo().defaultContent();
driver.findElement(By.xpath("//*[@id='noLoginAlert']/div/button")).click();
}
}

解释一下上面的测试过程，打开的一个页面，然后使用swithcTo方法，通过frame的名称为rightMain，从Top Window切换进入到frame内部，然后去查找化学药这个元素，随后去点击。在无权限弹窗中，去登陆这个元素是Top Window层的元素，所以点击之前，需要在rightMain这个frame切换出来，切换到Top Window层，才能正确找到去登录这个元素。

​ 使用frame技术的网页还是比较少见，我看了一般的电商网站都没有frame，如果有都是百度广告联盟的flash的广告，frame内部没有实际的元素可操作。所以，以后如果遇到你能肯定你的元素定位表达式没有写错，但是还是包No such element的异常，你就要考虑下是否使用了frame技术，如果是，就按本文演示的方式去处理就好。

原文链接：https://blog.csdn.net/u011541946/article/details/73695239 侵权请告知，将删除