Puppeteer 等待 Cloudfare 重定向完成

Question

我想登录一个使用 Cloudfare DDOS 保护的网站，如下所示:

代码很简单:

const puppeteer = require('puppeteer');
const C = require('./constants');
const USERNAME_SELECTOR = 'input[name="username"]';
const PASSWORD_SELECTOR = 'input[name="password"]';
const CTA_SELECTOR = '.button';
var cloudscraper = require('cloudscraper');

async function startBrowser() {
  const browser = await puppeteer.launch({
  headless: true,
  slowMo: 10000,
  });
  const page = await browser.newPage();
  return {browser, page};
}

async function closeBrowser(browser) {
  return browser.close();
}

async function playTest(url) {

  const {browser, page} = await startBrowser();
  page.setViewport({width: 1366, height: 768});
  await page.goto(url, {waituntil: 'domcontentloaded'});

  await page.screenshot({path: 'debug.png'});

  await page.click(USERNAME_SELECTOR);
  await page.keyboard.type(C.username);
  await page.click(PASSWORD_SELECTOR);
  await page.keyboard.type(C.password);
  await page.click(CTA_SELECTOR);
  await page.waitForNavigation();
  await page.screenshot({path: 'ipt.png'});
}

(async () => {
  await playTest("https://xy.com/login.php");
  process.exit(1);
})();

当我检查 debug.png 时，我仅看到 Cloudfare DDOS 保护页面。我不太明白为什么，我添加了 SlowMo 10sec 来等待执行。

Answer 1

您可以添加一个简单的 waitForSelector 来等待用户名选择器出现，

await page.waitForSelector(USERNAME_SELECTOR);
await page.click(USERNAME_SELECTOR);