playwright test打开新的浏览器窗口和关闭当前窗口

用playwright爬虫经常需要打开浏览器页面,比如模仿点击超链接的动作,都需要打开新的窗口。本文中总结了test中打开浏览器窗口的方式。

打开超链接一般会有两种需求或场景:

  • 一是打开新的窗口
  • 一是在当前窗口中打开某个连接

下列是一个test的示例,这个示例演示的是遍历一个存放链接地址的数组arr,并依次在新的窗口中打开。执行完操作后,将打开的该页面关闭。

test("get started link", async({ page, context }) => {
  test.setTimeout(100 * 60 * 1000)
  
  for(let i = 0; i < arr.length; i++) {
  	const url = arr[i]

    const new_page = await context.newPage(); // 创建新的页面
    await new_page.goto(url) // 在新的页面中打开某个地址

    await new_page.waitForLoadState('domcontentloaded')

    // ...do something
    
    await new_page.close()
    
  }
})

可以看到,test中自带两个参数:pagecontextpage就是当前的浏览器窗口页面,context是浏览器上下文。

在当前页面打开

如是在当前页面中打开,则直接使用page.goto(url)即可。完整示例如下:

test("get started link", async({ page, context }) => {
  test.setTimeout(100 * 60 * 1000)
  
  for(let i = 0; i < len; i++) {
  	const url = arr[i]

    await page.goto(url)
    await new_page.waitForLoadState('domcontentloaded')

    // ...do something
    
  }
})

这个时候就不能够将页面关闭了。

打开新的窗口

打开新的窗口可以通过context创建一个新的页面,然后再在该新的页面中打开指定的连接。具体实现方式如第一段代码所示,核心代码为:

const new_page = await context.newPage(); // 创建新的页面
await new_page.goto(url) // 在新的页面中打开某个地址

这种场景,在该页面不需要时,可以将打开的页面关闭,关闭方法为:await new_page.close()

题外

不使用test时的方式和test同样的方法

相关推荐

  1. playwright test打开浏览器窗口关闭当前窗口

    2024-03-18 22:04:02       38 阅读
  2. vue 跳转页面打开浏览器窗口或者打开标签

    2024-03-18 22:04:02       29 阅读
  3. js代码开一个浏览器窗口

    2024-03-18 22:04:02       43 阅读
  4. 学习使用php、js脚本关闭当前页面窗口方法

    2024-03-18 22:04:02       58 阅读
  5. MVVM下窗口关闭

    2024-03-18 22:04:02       51 阅读
  6. adb dump当前可见窗口

    2024-03-18 22:04:02       25 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-18 22:04:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-18 22:04:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-18 22:04:02       82 阅读
  4. Python语言-面向对象

    2024-03-18 22:04:02       91 阅读

热门阅读

  1. C语言基础知识笔记

    2024-03-18 22:04:02       47 阅读
  2. 字节一面二面三面四面

    2024-03-18 22:04:02       50 阅读
  3. 大模型在自动驾驶决策系统中的前沿应用

    2024-03-18 22:04:02       42 阅读
  4. kafka什么情况下会认为发送失败进而去重试

    2024-03-18 22:04:02       46 阅读
  5. 【力扣】75.颜色分类

    2024-03-18 22:04:02       43 阅读
  6. 机械产品CE-MD认证测试项目介绍

    2024-03-18 22:04:02       44 阅读
  7. 2733: 【搜索】【广度优先】 马遍历棋盘

    2024-03-18 22:04:02       43 阅读
  8. springboot源码的类阅读顺序

    2024-03-18 22:04:02       45 阅读
  9. vue3+TS中子组件怎么向父组件传值

    2024-03-18 22:04:02       45 阅读
  10. Vue3 使用Pinia 存入与取出数据

    2024-03-18 22:04:02       39 阅读
  11. 算法笔记p93_进制转换

    2024-03-18 22:04:02       40 阅读