前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >技术分享 | 网页 frame 与多窗口处理

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

原创
作者头像
Hogwarts_测试
发布2022-05-11 10:54:00
8610
发布2022-05-11 10:54:00
举报
文章被收录于专栏:软件测试开发技术

原文链接

知识点

iframe解析

1080×175 75.1 KB

如图可以看到iframe的标签

iframe 的多种切换方式

HTML 代码示例

代码语言:javascript
复制
<iframe src="1.html" id="hogwarts_id" name="hogwarts_name"></iframe>

那么通过传入 id、name、index 以及 Selenium 的 WebElement 对象来切换 frame

  • Python 版本
代码语言:javascript
复制
# 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 版本
代码语言:javascript
复制
// index:传入整型的参数,从 0 开始,这里的 0 就是第一个 frame
driver.switchTo().frame(0);

// id:iframe 的 id
driver.switchTo().frame("hogwarts_id");

// name: iframe 的 name
driver.switchTo().frame("hogwarts_name");

// WebElement: 传入 `selenium.webelement` 对象
driver.switchTo().frame(driver.findElement(By.tagName("iframe")));

iframe 切换回默认页面

在切换页面之后,如果还想操作原页面,则可以使用

  • Python 版本
代码语言:javascript
复制
driver.switch_to.default_content()
  • Java 版本
代码语言:javascript
复制
driver.switchTo().defaultContent();

iframe 多层切换

如图所示多层嵌套的 iframe 从最外部 iframe 切换到 iframe2 则需要层层切换

  • Python 版本
代码语言:javascript
复制
driver.switch_to.frame("iframe1")
driver.switch_to.frame("iframe2")
  • Java 版本
代码语言:javascript
复制
driver.switchTo().frame("iframe1");
driver.switchTo().frame("iframe2");

从 iframe2 切换回 iframe1 可以使用父子切换

  • Python 版本
代码语言:javascript
复制
# 从 iframe2 切换到上一级 iframe1 
driver.switch_to.parent_frame()
# 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变
driver.switch_to.parent_frame()
  • Java 版本
代码语言:javascript
复制
// 从 iframe2 切换到上一级 iframe1
driver.switchTo().parentFrame();
// 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变
driver.switchTo().parentFrame();

这个方法是 Selenium 提供的直接从子 frame 切换到父 frame,可以使用在嵌套的 frame 框架中。

多窗口处理

元素有属性,浏览器的窗口其实也有属性的,浏览器窗口的属性用句柄(handle)来识别。

句柄的获取

当浏览器打开一个窗口时,如果要在新的窗口操作就需要句柄切换。

当有多个窗口时,可以用 window_handles 打印句柄:

  • Python 版本
代码语言:javascript
复制
driver = webdriver.Chrome()
handles = driver.window_handles
print(handles)
  • Java 版本
代码语言:javascript
复制
driver = new ChromeDriver();
Set<String> handles = driver.getWindowHandles();
System.out.println(handles);

打印出的 window_handles:

代码语言:javascript
复制
['CDwindow-8012E9EF4DC788A58DC1588E7B8A7C44', 'CDwindow-11D52927C71E7C2B9984F2D1E2856049']

句柄的切换

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

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

884×281 9.09 KB

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

代码语言:javascript
复制
from selenium import webdriver

driver = webdriver.Chrome()
handles = driver.window_handles
print(handles)
driver.switch_to.window(handles[-1])

这里唯一要注意的是 handles 是一个列表,这里的 -1 表示浏览器窗口的倒数第一个。

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

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

实战演示

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

854×468 177 KB

python 代码

代码语言:javascript
复制
from selenium import webdriver


class TestHogwarts:
    def setup_method(self, method):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_method(self, method):
        self.driver.quit()

    def test_hogwarts(self):
        self.driver.get('https://www.baidu.com')
        #在输入框中输入霍格沃兹测试学院
        self.driver.find_element_by_id('kw').send_keys('霍格沃兹测试学院')
        #点击搜索
        self.driver.find_element_by_css_selector('.s_btn').click()
        #使用link_text点击
        self.driver.find_element_by_link_text('关于我们 - 霍格沃兹测试学院').click()
        #将获取到的window_handles赋值给一个变量handles
        handles = self.driver.window_handles
        #切换句柄
        self.driver.switch_to.window(handles[-1])
        assert len(self.driver.find_elements_by_css_selector('.ag-title-main')) == 1
        
⬇️ 复制“下方链接”,提升测试核心竞争力!

>更多技术文章分享和免费资料领取

https://qrcode.ceba.ceshiren.com/link?name=article&project_id=qrcode&from=txyun&timestamp=1652233448

java代码

代码语言:javascript
复制
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<String> windowHandles = driver.getWindowHandles();
        // 切换句柄
        //迭代allhandle里面的句柄
        Iterator<String> 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 放置到某个路径下,配置到环境变量或者脚本代码中。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 知识点
    • iframe解析
      • iframe 的多种切换方式
        • iframe 切换回默认页面
          • iframe 多层切换
            • 多窗口处理
              • 句柄的获取
                • 句柄的切换
                • 实战演示
                  • python 代码
                    • java代码
                    领券
                    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档