无法使用木偶单击按钮

2022-03-11 00:00:00 node.js puppeteer javascript

我正在尝试单击框架元素中的按钮。我知道我选择了正确的按钮,因为我可以打印它的text内容:

let buttonText = await frame.evaluate( button => button.textContent, button );
console.log( buttonText ); // Prints the correct button text.

但是,如果我尝试单击该按钮,则没有任何反应:

button.click();

这是我的脚本:

const puppeteer = require( 'puppeteer' );

( async() => {
    var url = 'https://www.example.com';

    const browser = await puppeteer.launch( {
        headless: true,
        args: [ '--disable-web-security', '--disable-features=IsolateOrigins,site-per-process', '--no-sandbox', '--disable-setuid-sandbox' ],
    } );

    const page = await browser.newPage();
    await page.goto( url, {
        waitUntil: 'networkidle2',
        timeout: 0
    } );

    await page.waitForSelector( 'frame' );
    const frameElement = await page.$( '#FRMSET > frame' );
    const frame = await frameElement.contentFrame();

    await frame.waitForXPath( '/html/body/form/div[7]/div[2]/table[1]/tbody/tr/td/table/tbody/tr/td[2]/table/tbody/tr/td[2]' );
    const [ button ] = await frame.$x( '/html/body/form/div[7]/div[2]/table[1]/tbody/tr/td/table/tbody/tr/td[2]/table/tbody/tr/td[2]' );

    button.click();

    await new Promise( resolve => setTimeout( resolve, 2000 ) ); // Delay 2 seconds.

    await browser.close();

} ) ();
脚本通过按钮运行,没有任何错误。click()不执行任何操作。我做错了什么?感谢您的帮助。


解决方案

有时elementHandle.click()会因为复杂的点击仿真算法而无法工作,但评估函数中的web API变量可以工作。试试这个:

    const [ button ] = await frame.$x( '/html/body/form/div[7]/div[2]/table[1]/tbody/tr/td/table/tbody/tr/td[2]/table/tbody/tr/td[2]' );

    await frame.evaluate(element => { element.click(); }, button);

    await new Promise( resolve => setTimeout( resolve, 2000 ) ); // Delay 2 seconds.

相关文章