Java+Selenium3方法篇23-iframe切换的问题

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