调用ElementHandle.click()打开新页后如何获取Puppeteer的Page/Frame句柄

1. 获取打印友好页的Page实例 #

你之前匹配不到目标Page实例，是混淆了两类Target：Chrome自带的打印预览页对应chrome://print的Target，类型为other，本身就无法拿到Page实例；而实际承载打印内容的是新打开的about:blank页面，属于类型为page的正常Target，只是因为打开后立即触发打印逻辑，容易因时序问题漏捕获。
正确的捕获逻辑要先注册等待逻辑，再触发按钮点击，避免时序错位：

// 先创建等待打印页的Promise，再执行点击，避免漏掉创建事件
const printPageTarget = browser.waitForTarget(target => {
  // 匹配类型为page、url为about:blank的目标，排除chrome://print的other类型目标
  return target.type() === 'page' && target.url() === 'about:blank'
}, { timeout: 5000 })

// 点击打印按钮，替换为你实际的按钮选择器
await page.click('input[type="button"]')

// 获取打印页实例
const printPage = await (await printPageTarget).page()

2. 屏蔽系统打印对话框 #

打印对话框的触发本质是页面调用了window.print方法，只要在页面打印逻辑执行前覆盖该方法即可拦截弹窗，推荐两种实现方案：

方案A：针对捕获到的打印页单独拦截 #

拿到打印页实例后第一时间注入覆盖逻辑：

await printPage.evaluate(() => {
  // 重写print方法为空函数，直接拦截打印弹窗
  window.print = () => {}
})
// 后续可正常对printPage执行抓数据、截图等操作

方案B：全局拦截所有页面的打印事件 #

如果需要一劳永逸拦截所有页面的打印弹窗，可以在Browser初始化后注册全局监听：

browser.on('targetcreated', async (target) => {
  if (target.type() === 'page') {
    const newPage = await target.page()
    // 页面加载前就注入重写逻辑，从根源拦截打印调用
    await newPage.evaluateOnNewDocument(() => {
      window.print = () => {}
    })
  }
})

内容的提问来源于stack exchange，提问作者Kenny Diaz