Playwright .NET中如何等待页面重载？原WaitForNavigationAsync已弃用

当WaitForNavigationAsync被弃用后，针对点击按钮触发同URL页面重载的场景，核心是先启动等待任务，再触发导航操作，避免因页面已处于目标URL导致等待方法立即返回。

方法一：使用WaitForURLAsync #

在点击按钮前先创建等待URL的任务，指定等待状态（如NetworkIdle确保页面资源加载完成），再执行点击并等待任务完成：

// 提前启动等待任务，监听当前URL的导航完成
var waitForUrlTask = page.WaitForURLAsync(page.Url, new PageWaitForURLOptions 
{ 
    WaitUntil = WaitUntilState.NetworkIdle 
});

// 触发页面重载的按钮点击
await page.ClickAsync("#your-reload-button-selector");

// 等待重载完成
await waitForUrlTask;

方法二：使用WaitForLoadStateAsync #

同样先启动等待页面加载状态的任务，再触发操作：

// 提前等待页面进入NetworkIdle状态（或Load状态）
var waitForLoadTask = page.WaitForLoadStateAsync(LoadState.NetworkIdle);

// 点击触发重载
await page.ClickAsync("#your-reload-button-selector");

// 等待加载完成
await waitForLoadTask;

关键原因 #

如果先执行点击再调用等待方法，页面可能已经完成重载（或正在重载但等待方法启动过晚），导致等待逻辑直接返回。而先启动等待任务，Playwright会监听后续的导航/加载事件，直到页面完成整个重载流程。

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