使用 puppeteer 在选项卡之间切换答案

【问题标题】：Switching between tabs with puppeteer使用 puppeteer 在选项卡之间切换
【发布时间】：2018-02-01 22:30:34
【问题描述】：

我需要一个示例，如何使用 puppeteer 在标签之间切换

这是我目前拥有的：

const puppeteer = require('puppeteer');



(async () => {
    const browser = await puppeteer.launch({
    headless: false, // launch headful mode
});


    const page = await browser.newPage();
    await page.setViewport({ width: 1920, height: 1080 });
                await page.goto('https://URL1.com');




    const pagee = await browser.newPage();
    await pagee.setViewport({ width: 1920, height: 1080 });
                await pagee.goto('https://URL2.com');

})();

所以它首先打开 2 个标签：Url1，第二个：Url2

我需要什么：

第一个 Tab 做一些动作... 转到第二个选项卡做一些动作...... 回到第一个 Tab 做一些动作...

你们可以给我一个例子吗？

谢谢

【问题讨论】：

标签： node.js tabs puppeteer

【解决方案1】：

你需要的代码是page.bringToFrontSee here

下面的工作脚本。请注意，我在标签切换之间添加了wait，否则脚本运行速度很快:)

const puppeteer = require('puppeteer'); 

async function run() {
    const browser = await puppeteer.launch( {
        headless: false
    }); 

    const page1 = await browser.newPage(); 
    await page1.goto('https://www.google.com');

    const page2 = await browser.newPage(); 
    await page2.goto('https://www.bing.com');

    const pageList = await browser.pages();    
    console.log("NUMBER TABS:", pageList.length);

    //switch tabs here
    await page1.bringToFront();
    blockingWait(1);
    await page2.bringToFront();
    blockingWait(1);
    await page1.bringToFront();
    blockingWait(4);

    await browser.close(); 
}; 

function blockingWait(seconds) {
    //simple blocking technique (wait...)
    var waitTill = new Date(new Date().getTime() + seconds * 1000);
    while(waitTill > new Date()){}

}

run();

【讨论】：