Playwright .NET元素可见但ClickAsync点击报Target closed错误

问题背景 #

打开目标URL读取页面标题时，页面加载完成后会弹出多个弹窗，需关闭弹窗才能正常读取标题文本。最初使用如下代码定位弹窗关闭按钮执行点击：

var locator = page.Locator("button.over-aged");
await locator.ClickAsync();

代码执行抛出Microsoft.Playwright.PlaywrightException异常，核心错误信息为Target closed。从日志可以确认，选择器已成功匹配到可见的关闭按钮元素，排除选择器写法错误问题；当前使用Playwright版本为1.22.0，也排除1.9.1/1.9.2版本的历史已知bug影响。

修复方案 #

按优先级依次尝试：

• 优先使用强制点击参数，跳过默认的元素稳定性校验
  这类弹窗通常在页面加载过程中动态插入，元素刚渲染时页面可能还在执行重定向、资源加载逻辑，还没进入稳定状态，Playwright默认的点击逻辑会等待元素稳定，此时如果页面上下文临时销毁就会触发Target closed错误。给点击操作传入Force参数即可跳过稳定性检查：

  await locator.ClickAsync(new() { Force = true });
  

• 强制点击无效时，改用JS直接执行点击，绕过所有操作前校验
  如果弹窗存在入场动画、被半透明遮罩临时遮挡，Playwright的动作模拟逻辑会判定元素不可操作，此时直接通过JS执行点击，完全绕开框架的可操作性校验：

  await page.EvalOnSelectorAsync("button.over-aged", "el => el.click()");
  

• 调整点击时机，避免和页面导航事件冲突
  如果点击关闭按钮本身会触发页面跳转、刷新，要等弹窗完全挂载、动画执行完成后再触发点击，避免操作时机过早：

  // 等待关闭按钮挂载到DOM
  await page.WaitForSelectorAsync("button.over-aged", new() { State = WaitForSelectorState.Attached });
  // 等待300ms让弹窗动画、页面前置跳转逻辑执行完成
  await Task.Delay(300);
  await page.EvalOnSelectorAsync("button.over-aged", "el => el.click()");
  

• 排查代码中是否存在提前销毁页面对象的逻辑
  检查代码流程中是否误触发了await page.CloseAsync()、await browserContext.CloseAsync()逻辑，若点击弹窗会触发新标签页打开，要通过context.Page事件监听捕获新的页面对象，不要在原已销毁的页面对象上执行操作。

不建议降级到1.8.1版本规避问题，该版本存在大量元素定位、事件监听的已知bug，后续版本出现的Target closed报错基本都是操作时机和页面生命周期不匹配导致，不属于框架回归bug。

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