如何点击closed类型shadow-root内的元素？Selenium技术求助

问题分析 #

Closed类型的Shadow Root是通过attachShadow({mode: 'closed'})创建的，这种情况下外部代码（包括Selenium和页面JavaScript）无法直接获取Shadow Root对象，你当前代码中root = driver.execute_script(...)会返回null，后续的元素定位自然会失败。

可行解决方案 #

方案1：使用Chrome DevTools Protocol（CDP）绕过限制

CDP可以直接访问Closed Shadow Root内部的DOM元素，以下是Python示例代码：

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()

# 启用DOM相关的CDP命令
driver.execute_cdp_cmd('DOM.enable', {})

# 定位Shadow Root的宿主元素
host_element = driver.find_element(By.XPATH, '//div[@class="button-holder help-button-holder"]')
# 获取宿主元素的节点ID
host_node_id = driver.execute_script('return arguments[0].nodeType === 1 ? arguments[0].id : null', host_element)
if not host_node_id:
    # 如果宿主元素没有ID，用CDP获取节点ID
    host_node_id = driver.execute_cdp_cmd('DOM.querySelector', {'selector': 'div.button-holder.help-button-holder'})['nodeId']

# 获取Closed Shadow Root的节点ID
shadow_root_id = driver.execute_cdp_cmd('DOM.getShadowRoot', {'hostId': host_node_id})['shadowRootId']

# 在Shadow Root内定位目标按钮
button_node_id = driver.execute_cdp_cmd('DOM.querySelector', {'nodeId': shadow_root_id, 'selector': '#solver-button'})['nodeId']

# 模拟点击按钮
driver.execute_cdp_cmd('DOM.click', {'nodeId': button_node_id})

方案2：坐标模拟点击（不稳定，仅作为备选）

如果CDP方式无法使用，可以尝试通过元素的位置坐标模拟点击：

from selenium.webdriver.common.action_chains import ActionChains

# 先定位宿主元素，获取其位置
host_element = driver.find_element(By.XPATH, '//div[@class="button-holder help-button-holder"]')
# 假设按钮在宿主元素内的相对位置需要调整，这里仅作示例
x_offset = 10
y_offset = 10

ActionChains(driver).move_to_element(host_element).move_by_offset(x_offset, y_offset).click().perform()

你的代码问题说明 #

你当前代码中，因为目标Shadow Root是Closed类型，driver.execute_script("return arguments[0].shadowRoot", ...)会返回null，后续调用root.find_element会抛出异常。同时你提前用WebDriverWait查找solver-button也是无效的，因为该元素在Shadow Root内部，Selenium无法直接定位。

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