Question

我正在尝试在puppeteer上运行我的第一个代码。

木偶 v1.20.0

节点 v8.11.3

Npm v5.6.0

这是一个基本示例，但无效：

const puppeteer = require('puppeteer');

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

  await page.goto('https://www.linkedin.com/learning/login', { waitUntil: 'networkidle0' });

  console.log(0);
  await page.waitFor('#username');
  console.log(1);

  await browser.close();
});

运行脚本时，启动Chrome，可以看到Linkedin登录页面以及该表单和#username表单的字段，但是puppeteer找不到该字段。它显示0，但不会显示1，然后运行TimeoutError: waiting for selector "#username" failed: timeout 30000ms exceeded。

增加超时不会改变任何内容，如果我检查铬制控制台，则该字段在那里。

Linkedin登录页面用作SPA，我不知道在这里使用的方式是否正确。

谢谢。

Answer 1

用户名输入位于iframe内，您不能像这样访问它，您需要先访问iframe

    await page.goto('https://www.linkedin.com/learning/login');
    await page.waitForSelector('.authentication-iframe');

    var frames = await page.frames();
    var myframe = frames.find(
        f =>
            f.url().indexOf("uas/login") > 0);

    let username = '123456@gmail.com';
    const usernamefild = await myframe.$("#username");
    await usernamefild.type(username, {delay: 10});

waitFor（）找不到页面上显示的元素

1 个答案: