使用puppeteer禁用检查元素

下面是一个全面的解决方案,演示如何使用以下方法解决问题:

page.$() , page.$$() , page.$eval() , page.$$eval() , page.$x() 和 page.evaluate() .

// Using page.$()
const is_disabled = await page.$('button[disabled]') !== null;

// Using page.$$()
const is_disabled = (await page.$$('button[disabled]')).length !== 0;

// Using page.$eval()
const is_disabled = await page.$eval('button[disabled]', button => button !== null).catch(error => error.toString() !== 'Error: Error: failed to find element matching selector "button[disabled]"');

// Using page.$$eval()
const is_disabled = await page.$$eval('button[disabled]', buttons => buttons.length !== 0);

// Using page.$x()
const is_disabled = (await page.$x('//button[@disabled]')).length !== 0;

// Using page.evaluate()
const is_disabled = await page.evaluate(() => document.querySelector('button[disabled]') !== null);

您应该能够这样做:

const isDisabled = await page.$eval('button', (button) => {
  return button.disabled;
});

按钮是否被禁用的值应存储在 isDisabled 变量。

希望这有帮助!

或者,您可以更改 page.$() 查询到 button[disabled] . 一 null 结果表明按钮未被禁用。要检查启用的按钮,请查询 button:not([disabled]) .

const disabledButton = await page.$('button[disabled]');
const isDisabled = disabledButton !== null;

const enabledButton = await page.$('button:not([disabled])');
const isEnabled = enabledButton !== null;

demo