waitFor() 找不到页面上显示的元素

Question

我正在尝试在 puppeteer 上运行我的第一个代码。傀儡师 v1.20.0节点v8.11.3NPM 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 启动，我可以看到带有表单和 #username 表单字段的 Linkedin 登录页面，但 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 = '[e-mail]';

    const usernamefild = await myframe.$("#username");

    await usernamefild.type(username, {delay: 10});