欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);//打印新窗口的标题
})();