如何使用Java版Puppeteer统计页面动态变化的input元素数量

原有代码问题说明 #

你写的两种实现都存在逻辑缺陷：

1. 目标元素id从bot1开始，循环从i=0启动首查就会匹配不存在的bot0
2. 逐个调用waitForSelector的方案效率极低，且元素不存在时会触发超时异常，一旦id出现断号就会直接终止统计，结果不准
3. 第二种写法的判断逻辑不成立：waitForSelector匹配不到元素时会直接抛出异常，不会返回空字符串，代码执行会直接中断

正确实现方案 #

直接用CSS属性前缀选择器批量匹配所有符合规则的元素，一次查询即可拿到总数，效率更高且兼容断号、数量动态变化的场景：

// 匹配所有id以bot开头的input元素，直接返回统计数量
const targetInputCount = await pageroteiro.$$eval('input[id^="bot"]', inputs => inputs.length)
console.log(targetInputCount)

如果需要严格校验id是bot+纯数字的规则，避免匹配到botxxx这类非数字后缀的无效元素，可以加一层正则过滤：

const targetInputCount = await pageroteiro.$$eval('input[id^="bot"]', inputs => {
  return inputs.filter(el => /^bot\d+$/.test(el.id)).length
})
console.log(targetInputCount)

内容的提问来源于stack exchange，提问作者user15059163