如何使用Puppeteer Sharp检测浏览器Alert/Dialog是否存在？

核心思路 #

结合页面已知的状态变化（数据有效时验证按钮父元素隐藏、更新按钮父元素显示），同时监听Dialog事件，避免盲目等待Alert。以下两种方案都能解决你当前的问题：

方案一：元素状态优先判断 #

利用数据有效时的页面元素变化作为判断依据，超时未出现预期元素再处理Alert：

// 提前注册Dialog监听器，捕获所有Alert
bool alertTriggered = false;
Page.Dialog += async (sender, e) =>
{
    alertTriggered = true;
    await e.Dialog.Accept(); // 自动关闭Alert
};

// 循环处理Excel数据行
foreach (var row in excelDataRows)
{
    alertTriggered = false; // 重置状态
    
    // 填入目标字段（替换为你的实际选择器和数据）
    await Page.TypeAsync("#dataInput", row["YourColumnName"].ToString());
    
    // 点击验证按钮
    await Page.ClickAsync("#verifyButton");
    
    try
    {
        // 等待更新按钮父元素显示（替换为你的实际选择器）
        await Page.WaitForSelectorAsync("#updateBtnContainer:not([style*='display:none'])", 
            new WaitForSelectorOptions { Timeout = 3000 });
        
        // 数据有效，执行更新操作
        await Page.ClickAsync("#updateButton");
        // 这里添加数据有效后的后续逻辑
    }
    catch (TimeoutException)
    {
        // 超时未找到预期元素，检查是否触发了Alert
        if (alertTriggered)
        {
            // 数据无效，处理对应逻辑
            Console.WriteLine("数据不匹配，已处理Alert");
        }
        else
        {
            // 处理其他超时情况，比如页面加载异常
            Console.WriteLine("页面响应超时，未检测到预期状态或Alert");
        }
    }
}

方案二：直接等待Dialog并设置超时 #

如果不想依赖元素状态，可直接等待Dialog并设置超时时间，超时则判定为无Alert：

// 循环处理Excel数据行
foreach (var row in excelDataRows)
{
    // 填入目标字段、点击验证按钮（替换为你的实际代码）
    await Page.TypeAsync("#dataInput", row["YourColumnName"].ToString());
    await Page.ClickAsync("#verifyButton");
    
    Dialog alertDialog = null;
    try
    {
        // 等待3秒，检测是否有Alert弹出
        alertDialog = await Page.WaitForDialogAsync(new WaitForDialogOptions { Timeout = 3000 });
        await alertDialog.Accept();
        // 数据无效逻辑
        Console.WriteLine("数据不匹配，已关闭Alert");
    }
    catch (TimeoutException)
    {
        // 无Alert，判定数据有效，执行更新
        await Page.ClickAsync("#updateButton");
        Console.WriteLine("数据有效，已执行更新");
    }
}

关键注意点 #

• Dialog监听器需在页面操作前注册，避免漏捕获Alert
• 超时时间根据目标网站的响应速度调整，建议设置为2-5秒
• 确保页面元素选择器与实际网站一致，避免选择器错误导致判断失效

内容的提问来源于stack exchange，提问作者Mahir Tazwar