在新选项卡中打开多个链接并使用puppeteer循环切换焦点？

Question

我在一个页面中有多个链接,我想按顺序或一次性访问.我想要做的是打开各自新标签中的所有链接,并将页面作为所有页面的pdf.我如何与木偶戏实现同样的目标？

我可以获得DOM和href属性的所有链接,但我不知道如何在新选项卡中打开它们访问它们然后关闭它们.

Answer 1

您可以循环打开一个新页面:

const puppeteer = require('puppeteer');

(async () => {
  try {
    const browser = await puppeteer.launch();
    const urls = [
      'https://www.google.com',
      'https://www.duckduckgo.com',
      'https://www.bing.com',
    ];
    const pdfs = urls.map(async (url, i) => {
      const page = await browser.newPage();

      console.log(`loading page: ${url}`);
      await page.goto(url, {
        waitUntil: 'networkidle0',
        timeout: 120000,
      });

      console.log(`saving as pdf: ${url}`);
      await page.pdf({
        path: `${i}.pdf`,
        format: 'Letter',
        printBackground: true,
      });

      console.log(`closing page: ${url}`);
      await page.close();
    });

    Promise.all(pdfs).then(() => {
      browser.close();
    });
  } catch (error) {
    console.log(error);
  }
})();

Answer 2

To open a new tab (activate) it you just need to make a call to page.bringToFront()

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();
//Do something... save as pdf
await page2.bringToFront();
//Do something... save as pdf

I suspect you have an array of pages so you might need to tweak the above code to cater for that.

As for generating a single pdf from multiple tabs I am pretty certain this is not possible. I suspect there will be a node library that can take multiple pdf files and merge into one.

pdf-merge might be what you are looking for.