javascript - Waiting for Google Captcha to be displayed using puppeteer - Stack Overflow

admin管理员组

文章数量:1328016

I can't verify if a div exists or not on the page using Puppeteer, and I don't know why... I would like to scope the captcha on the page using this code:

puppeteer
    .launch(options)
    .then(async (browser) => {
      const page = await browser.newPage();
      await page.setViewport({ width: 1280, height: 720 });
      console.log("[+] Connecting...");
      await page.goto(";);
      console.log("[+] Connected");
      page.waitForNavigation()
      if (await page.$('div.recaptcha-checkbox-border') !== null)
        console.log('[+] Resolving captcha');
  })
  .catch((err) => {
    console.log(err);
  });

But my if is alaways false and I don't know why.

Here is a screenshot of the element scoped manually:

I can't verify if a div exists or not on the page using Puppeteer, and I don't know why... I would like to scope the captcha on the page using this code:

puppeteer
    .launch(options)
    .then(async (browser) => {
      const page = await browser.newPage();
      await page.setViewport({ width: 1280, height: 720 });
      console.log("[+] Connecting...");
      await page.goto("https://www.google./recaptcha/api2/demo");
      console.log("[+] Connected");
      page.waitForNavigation()
      if (await page.$('div.recaptcha-checkbox-border') !== null)
        console.log('[+] Resolving captcha');
  })
  .catch((err) => {
    console.log(err);
  });

But my if is alaways false and I don't know why.

Here is a screenshot of the element scoped manually:

• javascript
• node.js
• puppeteer

Share Improve this question Follow edited Jan 14, 2021 at 14:45 Rippo 22.4k1414 gold badges8080 silver badges117117 bronze badges asked Jan 14, 2021 at 7:19 dolor3sh4zedolor3sh4ze 1,16511 gold badge1111 silver badges3030 bronze badges 3

• I think you have to wait for the reCaptcha. – Thomas Sablik Commented Jan 14, 2021 at 7:51
• But I already make a page.waitForNavigation() – dolor3sh4ze Commented Jan 14, 2021 at 7:55
• But you don't know when the reCaptcha is created. – Thomas Sablik Commented Jan 14, 2021 at 8:08

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

This script should work

'use strict';

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless : false});
  const page = await browser.newPage();

  console.log("Opening page");
  await page.goto('https://www.google./recaptcha/api2/demo');
  console.log("Opened page");

  const frame = await page.frames().find(f => f.name().startsWith("a-"));
  await frame.waitForSelector('div.recaptcha-checkbox-border');
  console.log("Captcha exists!");

  await browser.close();
})();

It appears that the captcha is inside an iframe that always starts with name=a- (however I can't confirm that with my limited testing)

You first need to get the iframe then await for the selector after the iframe has loaded. This is the output, try changing the iframe name or the selector name to see it fail.

本文标签： javascriptWaiting for Google Captcha to be displayed using puppeteerStack Overflow