写点什么

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

  • 2024-03-15
    北京
  • 本文字数:1629 字

    阅读完需:约 5 分钟

知识点

iframe 解析


如图可以看到 iframe 的标签


获取更多技术资料,请点击!

iframe 的多种切换方式

HTML 代码示例


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


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


  • Python 版本


# index:传入整型的参数,从 0 开始,这里的 0 就是第一个 framedriver.switch_to.frame(0)
#id:iframe 的 iddriver.switch_to.frame("hogwarts_id")
#name: iframe 的 namedriver.switch_to.frame("hogwarts_name")
#WebElement: 传入 `selenium.webelement` 对象driver.switch_to.frame(driver.find_element_by_tag_name("iframe"))
复制代码


  • Java 版本


// index:传入整型的参数,从 0 开始,这里的 0 就是第一个 framedriver.switchTo().frame(0);
// id:iframe 的 iddriver.switchTo().frame("hogwarts_id");
// name: iframe 的 namedriver.switchTo().frame("hogwarts_name");
// WebElement: 传入 `selenium.webelement` 对象driver.switchTo().frame(driver.findElement(By.tagName("iframe")));
复制代码

iframe 切换回默认页面

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


  • Python 版本


driver.switch_to.default_content()
复制代码


  • Java 版本


driver.switchTo().defaultContent();
复制代码

iframe 多层切换


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


  • Python 版本


driver.switch_to.frame("iframe1")driver.switch_to.frame("iframe2")
复制代码


  • Java 版本


driver.switchTo().frame("iframe1");driver.switchTo().frame("iframe2");
复制代码


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


  • Python 版本


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


  • Java 版本


// 从 iframe2 切换到上一级 iframe1driver.switchTo().parentFrame();// 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变driver.switchTo().parentFrame();
复制代码


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

多窗口处理

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

句柄的获取

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


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


  • Python 版本


driver = webdriver.Chrome()handles = driver.window_handlesprint(handles)
复制代码


  • Java 版本


driver = new ChromeDriver();Set<String> handles = driver.getWindowHandles();System.out.println(handles);
复制代码


打印出的 window_handles:


['CDwindow-8012E9EF4DC788A58DC1588E7B8A7C44', 'CDwindow-11D52927C71E7C2B9984F2D1E2856049']
复制代码

句柄的切换

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


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

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

  • Python 版本



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


from selenium import webdriver
driver = webdriver.Chrome()handles = driver.window_handlesprint(handles)driver.switch_to.window(handles[-1])
复制代码


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


  • Java 版本


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


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

用户头像

社区:ceshiren.com 微信:ceshiren2021 2019-10-23 加入

微信公众号:霍格沃兹测试开发 提供性能测试、自动化测试、测试开发等资料,实时更新一线互联网大厂测试岗位内推需求,共享测试行业动态及资讯,更可零距离接触众多业内大佬。

评论

发布
暂无评论
技术分享 | 网页 frame 与多窗口处理_霍格沃兹测试开发学社_InfoQ写作社区