使用Selenium和Java点击Shadow DOM锚点标签时遇异常问题

问题原因分析 #

这个错误通常是因为目标元素还未完全渲染完成，或者Selenium原生的click()方法在处理Shadow DOM内的元素时，存在上下文环境的问题——当元素的defaultView属性未初始化时调用点击，就会抛出该异常。

解决方案 #

方案1：等待元素完全可点击后操作 #

添加显式等待，确保Shadow DOM内的元素处于可点击状态：

ChromeDriver driver = new ChromeDriver();
driver.get("https://developer.salesforce.com");

// 等待shadow host加载完成
WebElement shadowHost = new WebDriverWait(driver, Duration.ofSeconds(10))
        .until(ExpectedConditions.presenceOfElementLocated(By.xpath("//dx-button[@href='/get-started']")));

SearchContext shadowRoot = shadowHost.getShadowRoot();

// 等待shadow内的按钮可点击
WebElement shadowContent = new WebDriverWait(shadowRoot, Duration.ofSeconds(10))
        .until(ExpectedConditions.elementToBeClickable(By.cssSelector(".button.variant_primary.size-hero.font-display.icon-right")));

shadowContent.click();

方案2：用JavaScript执行点击 #

如果原生点击仍有问题，直接通过JS强制触发点击，绕开Selenium原生方法的上下文限制：

ChromeDriver driver = new ChromeDriver();
driver.get("https://developer.salesforce.com");

WebElement shadowHost = driver.findElement(By.xpath("//dx-button[@href='/get-started']"));
SearchContext shadowRoot = shadowHost.getShadowRoot();
WebElement shadowContent = shadowRoot.findElement(By.cssSelector(".button.variant_primary.size-hero.font-display.icon-right"));

// 使用JS执行点击
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click();", shadowContent);

方案3：直接利用shadow host的href跳转 #

观察到目标dx-button元素本身带有href属性，可直接获取该值并跳转，无需操作内部按钮：

ChromeDriver driver = new ChromeDriver();
driver.get("https://developer.salesforce.com");

WebElement shadowHost = new WebDriverWait(driver, Duration.ofSeconds(10))
        .until(ExpectedConditions.presenceOfElementLocated(By.xpath("//dx-button[@href='/get-started']")));

String targetUrl = shadowHost.getAttribute("href");
driver.get("https://developer.salesforce.com" + targetUrl);

注意事项 #

• 确保ChromeDriver版本与浏览器版本匹配，版本不兼容也可能导致Shadow DOM操作异常。
• 页面存在动态渲染过程时，显式等待是避免元素未就绪问题的核心手段。

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