Selenium 4 如何简化与 Shadow DOM 元素的交互？

在 Selenium Java 中自动化 Shadow DOM 元素

尽管有大量的网页使用多级影子根 DOM 元素，但仍可以与它们进行交互事实证明，通过 Selenium findElement 具有挑战性。像 Deep CSS 和 JS Executor 这样的传统方法已经变得无效或麻烦。

Selenium 4 引入了 getShadowRoot() 方法

Selenium 版本 4 带来了重大突破，引入了WebElement.getShadowRoot() 方法。此方法提供了一种无缝方式导航到影子 DOM 元素。下面是一个代码示例：

driver.findElement(By.id("parentId")).getShadowRoot().findElement(By.cssSelector("label")).findElement(By.tagName("input"));

此代码片段导航 ID 为“parentId”的父元素，输入其影子根，在影子根中定位标签元素，最后选择其中的输入元素标签。

需要注意的是，一旦进入影子根，导航选项就会受到限制。对于 Chrome，仅支持 By.cssSelector() 和 By.className()，而 By.id() 和 By.tagName() 可能会导致 org.openqa.selenium.InvalidArgumentException。

以上是Selenium 4 如何简化与 Shadow DOM 元素的交互？的详细内容。更多信息请关注PHP中文网其他相关文章！