Puppeteer - 计算 DOM 中的元素

Question

我知道这里已经回答了这个问题

Puppeteer - counting elements by class name

然而，按照这种方法，我的结果是 0

使用page.$$ - 在我的测试中，我总是得到 0

console.log((await page.$$('.clients-table > tbody > tr > td')).length);

使用document.querySelectorAll()在浏览器中验证，结果为4

这怎么可能？？？

Answer 1

数据尚未加载。您可以使用waitForSelector 确保数据正确加载。

所以在计算数字之前添加这个，

await page.waitForSelector('.clients-table > tbody > tr > td');
console.log((await page.$$('.clients-table > tbody > tr > td')).length);

您还可以使用waitUntil: 'networkidle0' 参数确保页面已完全加载。