Playwright等待数据行加载超时：求替代Selenium的正确实现方案

核心问题点 #

你的Playwright代码存在三个关键问题：

• CSS选择器字符串未正确引号包裹：Java中字符串必须用双引号括起来，你的代码里dataRowCSSSelector定义缺少引号，属于语法错误。
• 选择器匹配逻辑不一致：Selenium的XPath用//匹配所有后代元素，而你写的CSS选择器用>只匹配直接子元素，这会导致原本能被Selenium找到的元素，Playwright无法匹配。
• 不必要的自定义JS函数：Playwright提供了更简洁可靠的元素等待API，无需手动编写querySelectorAll的判断逻辑。

修正后的代码 #

方案1：使用原生等待API（推荐） #

直接用page.waitForSelector等待至少一个元素出现，同时修正选择器的匹配逻辑（把>改成空格，对应Selenium的后代匹配）：

// 修正选择器：用空格匹配所有后代，和Selenium的XPath逻辑一致
String dataRowCSSSelector = "div[ref='eCenterContainer'] div[role='row']";
// 等待至少一个元素出现，超时时间设置为1分钟（和Selenium一致）
page.waitForSelector(dataRowCSSSelector, new Page.WaitForSelectorOptions().setTimeout(60000));

方案2：修复自定义JS函数写法 #

如果坚持要用waitForFunction，需要修正字符串定义和选择器：

// 正确包裹字符串，同时修正选择器的后代匹配
String dataRowCSSSelector = "div[ref='eCenterContainer'] div[role='row']";
// 用单引号包裹选择器避免转义问题
String function = String.format("() => document.querySelectorAll('%s').length > 0", dataRowCSSSelector);
// 设置1分钟超时
page.waitForFunction(function, new Page.WaitForFunctionOptions().setTimeout(60000));

额外优化建议 #

使用Playwright的Locator API会更灵活，支持自动等待：

Locator dataRows = page.locator("div[ref='eCenterContainer'] div[role='row']");
// 等待至少一个元素可见
dataRows.first().waitFor(new Locator.WaitForOptions().setTimeout(60000));

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