Selenium无法定位Cookie同意按钮的技术求助

已尝试多种定位方法与等待策略均无效，Cookie横幅弹出时后方主窗口变灰。目标页面：https://portal.everybody.org.uk/lhweb/identity/login

提供的HTML代码： #

<div class="xn-auth-form xn-login-form">

<div id="IJFIX74FEMS85U04VNHN9XD1G6T36PB6" class="xn-component" style=""><xn-cookiebanner-component params="{&quot;newcomponent&quot;:&quot;true&quot;}">
<div data-bind="css: { 'xn-modal': isModal, 'xn-visible': isVisible}" class="xn-modal xn-visible">

    <div class="xn-cookie-banner-header">
        <div class="xn-cookie-banner-name">
            <div class="xn-cookie-banner-title">Cookies Policy</div>
            <div class="xn-name" style="word-break:keep-all">
                <span>  Cookies created and stored for this site are fundamental to its functionality and performance. Cookies are not used for marketing purposes, nor are any personally identifiable cookies stored.</span>
            </div>
        </div>

        <div class="xn-buttons">
            <button class="xn-button xn-cta" data-bind="click: confirm"><span data-bind="text: confirmationYes">Accept</span></button>
        </div>

    </div>
</div></xn-cookiebanner-component></div>    
        <form name="form" method="post" action="/lhweb/identity/login?signin=d367e21d0f8af2faf156cb566b51b78a" novalidate="novalidate">
            <input type="hidden" name="idsrv.xsrf" value="GgTgFinGkFku2cMRPEcwMy9qv4fh3dUGJV26u-jv6Os0VF-1gFmP_JNHPRRz_lywbkTZ4XAaUs5atoqRHKu56gAHU_lfv-ZZplq476ZcpfQ" autocomplete="off">

尝试的C#代码： #

IWebElement button1 = driver.FindElement(By.XPath("/html/body/div[3]/div/div/div/xn-cookiebanner-component/div/div/div[2]/button"));
IWebElement button2 = driver.FindElement(By.Name("Accept"));

1. 定位方式错误分析 #

• 绝对XPath不可靠：/html/body/div[3]这类绝对路径依赖页面DOM的固定层级，页面结构稍有变动就会失效，必须改用相对定位。
• By.Name("Accept")无效：按钮本身没有name属性，"Accept"是按钮内部<span>的文本内容，并非按钮的属性值。

2. 有效定位方案 #

推荐以下几种相对定位方式：

• CSS选择器：通过按钮的类名组合定位
• XPath：通过按钮的文本或绑定属性定位

3. 必须配合显式等待 #

Cookie弹窗属于动态加载元素，直接调用FindElement会因元素未加载完成报错，必须用显式等待确保元素可交互。

正确的C#代码示例 #

// 引入必要命名空间
using OpenQA.Selenium.Support.UI;
using OpenQA.Selenium;

// 初始化显式等待，最长等待10秒
WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));

// 方法1：通过CSS选择器定位
IWebElement acceptBtn = wait.Until(SeleniumExtras.WaitHelpers.ExpectedConditions.ElementToBeClickable(By.CssSelector("button.xn-button.xn-cta")));

// 方法2：通过XPath匹配按钮内的文本
IWebElement acceptBtn = wait.Until(SeleniumExtras.WaitHelpers.ExpectedConditions.ElementToBeClickable(By.XPath("//button[.//span[text()='Accept']]")));

// 方法3：通过按钮的data-bind属性定位
IWebElement acceptBtn = wait.Until(SeleniumExtras.WaitHelpers.ExpectedConditions.ElementToBeClickable(By.XPath("//button[@data-bind='click: confirm']")));

// 执行点击操作
acceptBtn.Click();

额外说明 #

• 无需切换iframe：该Cookie弹窗是自定义组件<xn-cookiebanner-component>，不属于iframe范畴，无需执行SwitchTo().Frame()操作。
• 主窗口变灰是弹窗的遮罩效果，不影响元素定位，只要元素在DOM中且处于可交互状态即可正常操作。

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