Selenium Java：如何点击Shadow Root内的Cookie同意按钮？

一、Chrome开发者工具验证Shadow Root选择器的方法 #

要验证Shadow Root内的选择器是否有效，可按以下步骤操作：

• 打开Chrome DevTools（快捷键F12），找到Shadow Host元素（即#usercentrics-root）
• 点击Shadow Host旁的#shadow-root标识展开内部内容
• 在控制台中执行以下代码验证选择器：

  document.querySelector('#usercentrics-root').shadowRoot.querySelector("button[data-testid='uc-accept-all-button']")
  

  若返回对应DOM元素，说明选择器有效；若返回null，则选择器错误或元素未加载完成。

二、定位失败的常见原因及解决方案 #

1. 元素加载延迟 #

Shadow Root内的元素可能存在加载延迟，直接定位会触发NoSuchElementException，需添加显式等待：

import org.openqa.selenium.support.ui.WebDriverWait;
import org.openqa.selenium.support.ui.ExpectedConditions;
import java.time.Duration;

// 等待Shadow Host出现
WebElement shadowHost = new WebDriverWait(driver, Duration.ofSeconds(10))
        .until(ExpectedConditions.presenceOfElementLocated(By.id("usercentrics-root")));
SearchContext shadowRoot = shadowHost.getShadowRoot();
// 等待按钮可点击
WebElement acceptBtn = new WebDriverWait(shadowRoot, Duration.ofSeconds(10))
        .until(ExpectedConditions.elementToBeClickable(By.cssSelector("button[data-testid='uc-accept-all-button']")));
acceptBtn.click();

2. 多层Shadow Root嵌套 #

部分Cookie弹窗存在嵌套Shadow Root，需逐层获取后再定位按钮：

// 获取第一层Shadow Root
WebElement shadowHost = driver.findElement(By.id("usercentrics-root"));
SearchContext shadowRoot1 = shadowHost.getShadowRoot();
// 找到内层Shadow Host（需替换为实际选择器）
WebElement innerShadowHost = shadowRoot1.findElement(By.cssSelector("uc-container"));
SearchContext shadowRoot2 = innerShadowHost.getShadowRoot();
// 定位按钮
WebElement acceptBtn = shadowRoot2.findElement(By.cssSelector("button[data-testid='uc-accept-all-button']"));
acceptBtn.click();

3. 动态类名失效 #

你使用的sc-dcJsrY.fMlgSq是前端框架动态生成的类名，页面刷新后会变化，不可作为稳定选择器。优先使用静态属性（如data-testid、aria-label），若data-testid失效，可尝试：

button[aria-label='Accept all cookies']

4. 强制JavaScript点击 #

若元素存在但Selenium原生click()无法触发，可通过JavaScript执行点击：

import org.openqa.selenium.JavascriptExecutor;

WebElement shadowHost = driver.findElement(By.id("usercentrics-root"));
SearchContext shadowRoot = shadowHost.getShadowRoot();
WebElement acceptBtn = shadowRoot.findElement(By.cssSelector("button[data-testid='uc-accept-all-button']"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click();", acceptBtn);

三、完整备用方案代码 #

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import java.time.Duration;

public class CookieHandler {
    public static void acceptAllCookies(WebDriver driver) {
        try {
            WebElement shadowHost = new WebDriverWait(driver, Duration.ofSeconds(15))
                    .until(ExpectedConditions.presenceOfElementLocated(By.id("usercentrics-root")));
            SearchContext shadowRoot = shadowHost.getShadowRoot();
            WebElement acceptBtn = new WebDriverWait(shadowRoot, Duration.ofSeconds(15))
                    .until(ExpectedConditions.elementToBeClickable(By.cssSelector("button[data-testid='uc-accept-all-button']")));
            acceptBtn.click();
        } catch (Exception e) {
            // 直接用JS定位并点击
            JavascriptExecutor js = (JavascriptExecutor) driver;
            js.executeScript("document.querySelector('#usercentrics-root').shadowRoot.querySelector('button[data-testid=\"uc-accept-all-button\"]').click();");
        }
    }
}

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