Puppeteer自动化：如何自动确认window.confirm弹窗？

嘿，这个问题我之前也碰到过！Puppeteer其实专门提供了处理这类原生弹窗的方法，不用太头疼～

要自动确认window.confirm弹窗，核心思路是提前监听页面的dialog事件——因为弹窗是在你点击按钮后触发的，所以监听器必须在点击操作之前注册好，不然就会错过弹窗触发时机。

具体步骤和代码示例如下：

• 第一步：在执行点击按钮的代码之前，注册dialog事件监听器
  当弹窗出现时，Puppeteer会触发dialog事件，我们可以在回调里调用dialog.accept()来确认弹窗（如果需要取消弹窗就用dialog.dismiss()）。还可以通过dialog.type()判断弹窗类型，确保只处理confirm类型的弹窗，避免误操作其他弹窗。

• 第二步：执行点击按钮的操作，触发弹窗

完整的代码片段大概是这样的：

// 假设你已经初始化了browser和page实例
await page.goto('你的目标页面URL');

// 先注册弹窗监听器！一定要在点击操作之前
page.on('dialog', async (dialog) => {
  if (dialog.type() === 'confirm') {
    console.log('捕获到confirm弹窗，内容:', dialog.message());
    await dialog.accept(); // 自动确认弹窗
  }
});

// 执行点击按钮的操作，触发弹窗
await page.click('#你的按钮选择器');

// 后续的流程就可以正常执行了，比如等待页面跳转或元素加载
await page.waitForNavigation();

另外补充两个小细节：

• 如果页面可能出现多个弹窗，可以通过dialog.message()匹配特定弹窗文本，再执行对应操作，避免误处理。
• 如果只需要处理一次弹窗，可以在回调函数里调用page.removeListener('dialog', 你的回调函数)，移除监听器防止后续干扰。

内容的提问来源于stack exchange，提问作者Michael Bierman