如何在点击操作后等待网络进入Idle状态？

直接使用Playwright提供的page.waitForNetworkIdle()方法即可满足需求，它专门用于等待页面进入网络空闲状态，无需依赖页面导航或特定请求匹配。

基础用法代码示例 #

await page.locator("text=Click").click();
// 等待500ms内无任何网络请求（默认阈值）
await page.waitForNetworkIdle();

自定义参数调整 #

如果需要适配不同的业务场景，可以通过参数调整空闲阈值或超时时间：

• 调整空闲判定时长（比如等待1秒内无请求）：

await page.waitForNetworkIdle({ idleTime: 1000 });

• 设置超时时间，防止无限等待：

await page.waitForNetworkIdle({ timeout: 10000 }); // 超时时间10秒

补充说明 #

你之前尝试的waitForLoadState('networkidle')仅在页面导航流程中生效，而waitForResponse需要指定请求匹配规则，均无法覆盖"点击后等待全局网络空闲"的场景，waitForNetworkIdle()则完全适配这类无导航但有网络请求的交互场景。

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