playwright切换标签页
时间: 2023-09-13 18:06:57 浏览: 263
标签页切换效果
要在Playwright中切换标签页,可以使用`bringToFront()`方法将目标页面置于浏览器窗口的最前面。
以下是一个示例代码:
```javascript
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch();
const context = await browser.newContext();
const page = await context.newPage();
await page.goto('https://www.baidu.com');
await page.evaluate(() => {
window.open('https://www.google.com', '_blank');
});
const pages = await context.pages();
// 切换到新打开的页面
await pages[1].bringToFront();
// 在新页面中执行一些操作
await pages[1].waitForSelector('input[name="q"]');
await pages[1].type('input[name="q"]', 'playwright');
// 切换回原来的页面
await pages[0].bringToFront();
// 在原来的页面中执行一些操作
await pages[0].waitForSelector('input[name="wd"]');
await pages[0].type('input[name="wd"]', 'playwright');
await browser.close();
})();
```
在这个例子中,我们使用`window.open()`方法在当前页面中打开了一个新的页面,然后使用`context.pages()`方法获取了所有页面的句柄。我们使用`bringToFront()`方法切换到新打开的页面,并在其中输入了一些文本。然后,我们切换回原来的页面并在其中也输入了一些文本。
需要注意的是,在这个例子中我们使用了`chromium`作为浏览器。如果你使用的是`firefox`或`webkit`浏览器,API的使用可能会有一些不同,但是基本思路是相同的。
阅读全文