"waitForSelector"在元素可见前超时等待，尽管元素在屏幕上

Question

我正在构建一个结账机器人，但是在处理那些愚蠢的“输入手机号码以接收短信”的弹窗时遇到了麻烦，我告诉机器人要点击的元素出现在屏幕上，但机器人却不点击它。这是我第一个使用JavaScript的项目，我不知道自己在做什么，目前我正在边学边做的过程中学到了很多，但我真的卡在这里，找不到我做错了什么。

async function regectingnumber(page) {
    try {
        console.log("拒绝号码")
        //await waitForTimeout(2000)
        //await page.setDefaultNavigationTimeout(60000);
        console.log("等待中...")
        await page.waitForSelector('button[class= css-10e85z4 errp0sa0]', {timeout:60000})
         console.log("等待中...")
         await page.evaluate(() => document.getElementsByClassName('button css-10e85z4 errp0sa0')[0].click());
        console.log("号码已输入！");
        //await page.click('button[class="css-yq30jm e5ippug0"]');
        //console.log("号码已拒绝！");
    } catch (err) {
        console.error(err);
    }
}

这只是代码的一小部分，我在这部分上遇到了错误，因为我不能发布完整的代码，否则会被视为垃圾信息。

Answer 1

您的选择器是错误的，请更改

await page.waitForSelector('button[class= css-10e85z4 errp0sa0]', {timeout:60000})

为

await page.waitForSelector('button.css-10e85z4.errp0sa0', {timeout:60000})

要将其用于点击操作，您可以将其存储在变量中：

const myButton = await page.waitForSelector('button.css-10e85z4.errp0sa0', {timeout:60000});
await myButton.click();

请参阅https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector以在控制台中使用选择器。