使用Playwright + .NET 7切换页面后，如何点击新页面元素？

AI 小北

2026-7-21

Playwright .NET 7 新窗口元素点击问题排查

你的代码核心问题在于后续的ClickElement(locator)依然在原页面_page上执行，而非新打开的newPage。

具体问题点

你通过RunAndWaitForPageAsync成功捕获了新打开的页面newPage，但类中的ClickElement方法应该是基于私有成员_page（初始页面）实现的点击逻辑，所以调用await ClickElement(locator)时，操作对象还是最初的页面，而非新窗口。
虽然你等待了新页面加载完成，但没有将操作上下文切换到新页面上。

修正方案

有两种常见的解决方式：

方式一：修改`ClickElement`方法，支持指定目标页面

给ClickElement增加一个可选的IPage参数，默认使用类内的_page，需要操作新页面时传入newPage：

public async Task ClickElement(string locator, IPage targetPage = null)
{
    var page = targetPage ?? _page;
    await page.ClickAsync(locator);
}

// 在interact_tab_PromoteToProposal方法中调用时传入newPage
public async Task interact_tab_PromoteToProposal(string locator)
{
    var newPage = await _contextBrowser.RunAndWaitForPageAsync(async () =>
    {
        await ClickElement("Transition to Promote to Proposal");
    });

    await newPage.WaitForLoadStateAsync();
    // 传入新页面作为操作目标
    await ClickElement(locator, newPage);
}

方式二：直接在新页面上执行点击操作

如果不需要复用ClickElement方法，也可以直接调用新页面的ClickAsync方法：

public async Task interact_tab_PromoteToProposal(string locator)
{
    var newPage = await _contextBrowser.RunAndWaitForPageAsync(async () =>
    {
        await ClickElement("Transition to Promote to Proposal");
    });

    await newPage.WaitForLoadStateAsync();
    // 直接在新页面上执行点击
    await newPage.ClickAsync(locator);
}