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

Question

我在单个页面中有多个链接，我想按顺序或同时访问这些链接。我想要做的是在各自的新选项卡中打开所有链接，并将所有页面的页面获取为 pdf。我如何使用 puppeteer 实现同样的效果？

我可以获得所有带有 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);
  }
})();