Puppeteer笔记(七):Puppeteer切换浏览器TAB页

时间:2020-05-22
本文章向大家介绍Puppeteer笔记(七):Puppeteer切换浏览器TAB页,主要包括Puppeteer笔记(七):Puppeteer切换浏览器TAB页使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

一、Puppeteer切换浏览器TAB页

1、browser.pages()

二、上手实例Demo

  功能测试:打开www.ly.com首页,定位搜索"苏州",获取新打开页面上的搜索结果的第一个名称,并在终端输出打印出来。下面列举了两种方法供参考。

 1 const puppeteer = require('puppeteer');
 2 async function tab() {
 3     //创建一个Browser浏览器实例,并设置相关参数
 4     const browser = await puppeteer.launch({
 5         headless: false,
 6         defaultViewport: null,
 7         args: ['--start-maximized'],
 8         ignoreDefaultArgs: ['--enable-automation']
 9     });
10     //创建一个Page实例
11     const page = await browser.newPage();
12     await page.goto("https://www.ly.com", {
13         waitUntil: 'networkidle2'
14     });
15     const searchText = await page.$('#pt__search_text');
16     await searchText.type('苏州');
17     const searchBtn = await page.$('#pt__search_btn');
18     await searchBtn.click();
19     await page.waitFor(3000);
20     //方法一:browser.pages(),可以获取所有打开的Page对象,可以通过遍历或筛选找到自己想获取的Page对象
21     const newPage = (await browser.pages())[2];
22     //方法二:通过browser.waitForTarget获取target
23     const target = await browser.waitForTarget(t => t.url().includes('https://so.ly.com/hot'));
24     const newPage = await target.page();
25     //获取搜索结果列表页第一个标题的值,并输出终端
26     const newPageText = await newPage.$eval('div.search_list > ul > li:nth-child(1) > div > a > h3', ele => ele.innerText);
27     console.log('newPageText:' + newPageText);
28     //关闭浏览器
29     await browser.close();
30 }
31 tab();

  注意点:方法一中browser.pages()定位页面时,遍历时注意页面是从0开始计数的。所以定位的是第2个页面。如下图所示。

  以上参考代码运行结果如下

原文地址:https://www.cnblogs.com/wuweiblogs/p/12918923.html