puppeteer学习笔记(三)--API问题解决--切换不同的窗口
程序员文章站
2022-04-19 07:55:05
...
今天解决的问题是切换窗口的问题,页面点击元素后,在本页面还好,直接进行操作就好了,有时会打开一个新的页面,句柄还停留在第一个页面,直接操作会报错,需要切换到新页面进行操作,
下面上调试好的代码:
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch({headless:false});
const page = await browser.newPage();
//打开掘进首页,点击第一个文章链接
await page.goto('https://juejin.im/');
await page.setViewport({width:1280,height:800});
await page.waitFor('#juejin > div.view-container > main > div > div.feed.welcome__feed > ul > li:nth-child(1) > div > div > a > div > div > div.info-row.title-row > a');
await page.tap('#juejin > div.view-container > main > div > div.feed.welcome__feed > ul > li:nth-child(1) > div > div > a > div > div > div.info-row.title-row > a');
//跳转到第二个窗口输入文字
await page.waitFor(3000);//等待3秒,等待新窗口打开
const page2 = (await browser.pages())[2];//得到所有窗口使用列表索引得到新的窗口
await page2.setViewport({width:1280,height:800});
await page2.waitFor('.search-input');
await page2.type('.search-input','succeed');//在新窗口中输入文字
const title = await page2.title();//得到新窗口的标题
console.log(title);//打印新窗口的标题
})();