技术分享 | 网页 frame 与多窗口处理

知识点

iframe解析

如图可以看到iframe的标签

iframe 的多种切换方式

HTML 代码示例

# index：传入整型的参数，从 0 开始，这里的 0 就是第一个 frame
driver.switch_to.frame(0)

#id：iframe 的 id
driver.switch_to.frame("hogwarts_id")

#name: iframe 的 name
driver.switch_to.frame("hogwarts_name")

#WebElement: 传入 `selenium.webelement` 对象
driver.switch_to.frame(driver.find_element_by_tag_name("iframe"))

• Java 版本

driver.switch_to.default_content()

• Java 版本

driver.switch_to.frame("iframe1")
driver.switch_to.frame("iframe2")

• Java 版本

# 从 iframe2 切换到上一级 iframe1 
driver.switch_to.parent_frame()
# 从 iframe1 切换到上一级 iframe，如果 iframe 已经是最上级，则保持不变
driver.switch_to.parent_frame()

• Java 版本

driver = webdriver.Chrome()
handles = driver.window_handles
print(handles)

• Java 版本

['CDwindow-8012E9EF4DC788A58DC1588E7B8A7C44', 'CDwindow-11D52927C71E7C2B9984F2D1E2856049']

句柄的切换

通过打印 handles 可以看出，它是一个列表。

• Python版本可以通过 switch_to.window() 来切换句柄

• Java版本可以通过 switchTo().window() 来切换句柄

• Python 版本

从上面源代码中的说明可以看出，switch_to.window()需要提供一个 windows_name，可以是 name 也可以是 windows handle。

...
Set<String> windowHandles = driver.getWindowHandles();
Iterator<String> it = windowHandles.iterator();   //迭代allhandle里面的句柄
while(it.hasNext()) {                            //用it.hasNext()判断时候有下一个窗口,如果有就切换到下一个窗口
    driver.switchTo().window(it.next());        //切换到新窗口
}
...
}

Java 中切换句柄需要使用迭代器，如果有下一个句柄，则切换，没有则不切换，上面代码表示切换到最后一个窗口。

实战演示

百度搜索“霍格沃兹测试学院”，点击“霍格沃兹测试学院_腾讯课堂”，点击“中高级测试开发「名企定向培养」班-霍格沃兹测试学院”。

python 代码

import org.junit.jupiter.api.AfterAll;
import org.junit.jupiter.api.BeforeAll;
import org.junit.jupiter.api.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.Iterator;
import java.util.Set;
import java.util.concurrent.TimeUnit;
import static org.junit.jupiter.api.Assertions.assertEquals;

public class Web1Test {
    private static ChromeDriver driver;
    @BeforeAll
    public static void setUp()  {
        System.setProperty(
                "webdriver.chrome.driver",
                "/driver/chrome95/chromedriver"
        );
        driver = new ChromeDriver();
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
    }
    @AfterAll
    public static void tearDown()  {
        driver.quit();
    }
    @Test
    public void hogwartsTest(){
        driver.get("https://www.baidu.com");
        // 在输入框中输入霍格沃兹测试学院
        driver.findElement(By.id("kw")).sendKeys("霍格沃兹测试学院");
        // 点击搜索
        driver.findElement(By.cssSelector(".s_btn")).click();
        // 使用link_text点击
        driver.findElement(By.linkText("关于我们 - 霍格沃兹测试学院")).click();
        // 将获取到的window_handles赋值给一个变量handles
        Set windowHandles = driver.getWindowHandles();
        // 切换句柄
        //迭代allhandle里面的句柄
        Iterator it = windowHandles.iterator();   
        //用it.hasNext()判断时候有下一个窗口,如果有就切换到下一个窗口
        while(it.hasNext()) {       
            //切换到新窗口                     
            driver.switchTo().window(it.next());       
        }
        int size = driver.findElements(By.cssSelector(".ag-title-main")).size();
        assertEquals(1,size);
    }
}

需要注意的是，把被测浏览器对应版本的 chromedriver 放置到某个路径下，配置到环境变量或者脚本代码中。