使用操纵符处理模态对话框输入字段

Question

我有一个网页，有注册按钮。单击注册后，它将显示模式对话框。 我能够单击并获取对话框，但无法在对话框输入字段中输入值。有关以下代码的任何帮助

 const puppeteer = require('puppeteer'); puppeteer.launch({headless: false}).then(async browser => { const page = await browser.newPage(); await page.goto('https://paytm.com/paytmwallet'); page.waitForSelector('#site-wrapper > menu-user-screens > div > div > div > div.bigContainer-profile > div > ul > li.last > button'); const login=await page.$('#site-wrapper > menu-user-screens > div > div > div > div.bigContainer-profile > div > ul > li.last > button'); login.click(); await page.type('#input_0','87777799') }); 

Answer 1

您必须确保选择器可用，然后再尝试键入内部包装，就像您为站点包装程序所做的那样，因此，您所要做的就是将标有星号的行添加到cade base中，您就可以使用了。

const puppeteer = require('puppeteer');
    puppeteer.launch({headless: false}).then(async browser => {
        const page = await browser.newPage();
        await page.goto('https://paytm.com/paytmwallet');

    page.waitForSelector('#site-wrapper > menu-user-screens > div > div > div > div.bigContainer-profile > div > ul > li.last > button');

    const login=await page.$('#site-wrapper > menu-user-screens > div > div > div > div.bigContainer-profile > div > ul > li.last > button');
     login.click();

     **page.waitForSelector('#input_0', {timeout:30000})

     await page.type('#input_0','87777799')
    });