如何处理 puppeteer js 中的随机弹出窗口答案

【问题标题】：How to deal with random pop up window in puppeteer js如何处理 puppeteer js 中的随机弹出窗口
【发布时间】：2020-06-23 16:06:14
【问题描述】：

我有一个随机出现在页面上的弹出窗口。通常在我打开一个页面后大约 20 秒。

<div class="bluecoreActionScreen" id="bluecoreActionScreen">
        <form novalidate="novalidate" class="bluecoreEmailCaptureForm" id="bluecoreEmailCaptureForm" name="bluecoreEmailCaptureForm">
            <div class="commonScreenElement" style="width: 550px;height: 500px;display: block;background-color: #181a1cfc;">
<<<< OTHER HTML >>>>
            </div>
        </form>
    </div>

处理这个问题的最好方法是等待选择器出现然后单击它吗？或者是否有另一种处理对话（弹出窗口）的方法。

await page.waitForSelector('.bluecoreActionScreen');

然后点击关闭？

【问题讨论】：

标签： puppeteer

【解决方案1】：

你可以像这样使用waitForSelector：

await page.waitForSelector('.bluecoreActionScreen')

然后通过 CSS 或 DOM 移除元素：

await page.evaluate(() => {
    let popupElement = document.querySelector('.bluecoreActionScreen')
    // BY CSS DISPLAY NONE
    popupElement.style.display = 'none'
    // OR BY REMOVE THE ELEMENT DOM
    popupElement.parentElement.removeChild(popupElement)
})

【讨论】：