javascript - Puppeteer 如何检查页面是否已导航并在未导航时执行任务

Question

在登录页面上，我试图确定谷歌验证码是否出现。如果是这样，我想运行一段代码，否则像往常一样导航。

await page.goto(
    url
  );
  await page.waitForSelector("#username");
  await page.type("#username", process.env.EMAIL);
  await page.type("#password", process.env.PSWD);
  await  page.$eval("#signIn > div > button", (el) => el.click()) //this line sometimes triggers recaptcha

  {//here wait for navigation and check if google captcha appears}

  //then run the following code:
  await page.solveRecaptchas();
  await Promise.all([
    page.waitForNavigation(),
    page.click("#signIn"),
  ]);

我尝试过使用 page.waitForNavigation 但如果出现 recaptcha 则会导致超时。仅当 google recaptcha 出现时，我该怎么做才能运行底部代码块？

我还尝试在存在 recaptcha-token 的情况下有条件地运行代码块，但我检查了 dom 和 recaptcha 元素始终存在，并且仅提示随机选择图像。基本上我有时可以导航而无需执行任何验证码，有时系统会提示我选择图像。

谢谢!

Answer 1

也许是这样的？

const [_, navigation] = await Promise.allSettled([
  element.click(),
  page.waitForNavigation(),
]);

if (navigation.status === 'fulfilled') /* There was navigation. */;
else /* There was timeout, no navigation. */;