如何暂停并等待Puppeteer的用户输入?

时间:2018-10-25 21:57:27

标签: javascript node.js casperjs puppeteer headless-browser

我需要暂停Puppeteer并等待usernamepassword的用户输入后才能继续。这是一个nodejs 8.12.0应用程序。

(async () => {
    const browser = await puppeteer.launch({headless: false});
    const page = await browser.newPage();   
    await page.goto('https://www.myweb.com/login/');

    //code to wait for user to enter username and password, and click `login`

    const first_page = await page.content();

   //do something 

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

基本上,该程序被暂停并等待直到用户单击login按钮。是否可以在Puppeteer中执行此操作?或者我还能做什么?

1 个答案:

答案 0 :(得分:3)

您可以使用page.waitForFunction()等待函数返回真实值,然后再继续。

以下函数将等待#username#password字段包含一个值,然后继续:

await page.waitForFunction(() => {
  const username = document.getElementById('username').value;
  const password = document.getElementById('password').value;

  return username.length !== 0 && password.length !== 0;
});

但是由于您自己输入了#username#password,因此您可以简单地使用:

await page.type('#username', 'username');
await page.type('#password', 'password');
await page.click('#login');
await page.waitForNavigation();