无法使用木偶单击按钮

问题描述

我正在尝试单击框架元素中的按钮。我知道我选择了正确的按钮，因为我可以打印它的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();

} ) ();

推荐答案

有时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.