如何使用Java版Selenium获取滚动加载动态表格的全部元素

针对DOM仅保留可视区元素的动态滚动表格，可通过以下两种方案实现全量元素统计/校验： #

方案1：滚动增量收集（适配无源码权限场景） #

该方案无需接触前端源码，通过模拟滚动+去重统计实现计数：

• 初始化一个HashSet用于存储元素唯一标识（可选择行ID、多列文本拼接值等可区分不同行的属性），避免重复统计
• 首次调用driver.findElements(By.xpath(xPath))获取当前可视区所有目标元素，遍历将每个元素的唯一标识存入Set
• 执行JS将页面滚动到当前可视区的最后一个元素位置：

  // 示例Java代码，其他语言对应调整executeScript调用即可
  WebElement lastEle = currentVisibleElements.get(currentVisibleElements.size() - 1);
  driver.executeScript("arguments[0].scrollIntoView({block: 'end', behavior: 'instant'});", lastEle);
  

• 滚动后设置100~300ms的等待时间，等待新元素渲染到DOM中
• 重复执行「获取可见元素→存入唯一标识→滚动到底部→等待」的流程，直到连续2次滚动后Set的大小不再变化，说明已经滚动到表格最底部
• 最终Set的大小即为表格真实元素总数，直接判断set.size() == 13即可完成校验

注意：如果需要校验元素的具体属性（如文本、状态），需要在每次获取可见元素时就将属性值存储下来，不要保留DOM引用，元素滚出可视区后会被DOM销毁，旧引用会失效

方案2：直接读取前端数据源（高效优先场景） #

如果可以获取前端虚拟滚动组件的数据源结构，直接通过JS读取列表长度，无需滚动操作：

• 此类动态滚动表格几乎都是基于虚拟滚动组件实现，全量列表数据会提前存在前端JS上下文的变量/组件实例属性中，直接通过executeScript调用获取即可
• 示例代码：

  // 替换为对应表格组件的数据源路径即可
  Long total = (Long) driver.executeScript("return document.querySelector('.目标表格的class').__vue__.dataList.length;");
  // React组件可读取对应DOM的react属性获取数据源
  

该方案无需处理滚动等待，执行效率更高，且完全不受屏幕分辨率、窗口大小影响 #

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