截取在新选项卡中打开的 PDF 的屏幕截图

Question

我正在使用 puppeteer 点击打开新标签的链接，并使用以下方法截取此标签：

const pages = await browser.pages()
const new_page = pages[pages.length-1]
await new_page.screenshot()

但我做了一些研究，发现browser.pages() 只包含默认的空白页和我当前的标签，但不包含新标签。

因此，当我截取屏幕截图时，它会截取当前标签的屏幕截图。
为了给您一些上下文，新选项卡是一个 PHP URL，它显示一个 pdf 文件。我尝试了waitForNavigation、bringToFront 和几乎所有可能的console.log()。

有人知道如何帮助我吗？

Answer 1

考虑使用目标：

1. browser.waitForTarget()
2. browser.on('targetcreated'))
3. browser.targets()

const page = await target.page()
await page.bringToFront()
await page.screenshot(...)