Puppeteer - 等待元素具有一定的价值

Question

所以问题是 - 如何等到元素具有特定值？ 例如，某些页面上的某些按钮将输入字段的值从“无值”更改为“值 X”。问题是 - 我不知道需要多长时间，所以 page.waitFor() 不是一个选项。 我想我可以使用 page.waitForSelector(input:contains('No Value'));但据我所知，这不起作用。 可能 page.waitForFunction() 应该可以工作，但我不确定在那里写什么函数（page.evaluate 可能返回输入值？）。

Answer 1

根据docspage.waitForFunction 将等到传递给它的函数（作为闭包或字符串）返回一个真值。

const puppeteer = require('puppeteer');

puppeteer.launch({headless : false}).then(async browser => {
  const page = await browser.newPage();
  await page.goto(url);
  await page.waitForFunction('document.getElementById("wait").value != "No Value"');
  console.log('Value changed!');
  await browser.close();
});