使用 Puppeteer 点击后无法输入

Question

我几乎尝试了任何方法，但在单击输入后仍然无法插入用户名。 我知道还有其他解决方案可以在不点击的情况下这样做我也尝试过但仍然无法正常工作......

• How to fill an input field using Puppeteer?
• Unable to login with Puppeteer

单击正在工作，光标闪烁现在我只需要“输入”一些东西。

const puppeteer = require('puppeteer');

const creds = {
    email: "myemail",
    password: "mypassword",
};

(async () => {
    const browser = await puppeteer.launch({headless: false, args: ['--start-maximized']});
    const page = await browser.newPage();
    //set viewport
    await page.setViewport({
        width: 1920,
        height: 1080,
    })
    await page.goto('https://qa.traffilog.co.il/new_web/index.htm', {waitUntil: 'networkidle0'});
    const username = await page.$x('/html/body/div[1]/div/div[1]/div/div[2]/div/div[1]/div/div[2]/div/div[3]/div/div[1]/div/div/div/div/div/div[2]/div/div[1]/div/input[1]');

    await username[0].click();
    await page.waitForNavigation({ waitUntil: 'networkidle0' });
    await page.type(username, creds.email);
    await page.waitForNavigation({ waitUntil: 'networkidle0' });


    // await browser.close();
})

();

Answer 1

根据我在文档 Page.type 中阅读的内容，选择器不是 ElementHandle。但是因为您使用的是 ElementHandle，您可以尝试使用 username[0].value=creds.email 设置输入值