使用Python+Selenium访问Shadow DOM时遇报错求助

当然可以，你的两个方案都有可优化的地方，下面逐个分析解决：

方案一：解决JavascriptException: circular reference错误 #

你遇到的循环引用问题，根源是直接把JS返回的shadow root当作Selenium标准WebElement对象，调用了_find_element方法——但shadow root并非常规WebElement，直接复用元素查找方法会触发对象循环引用。

修改思路：将Shadow DOM内的元素查找逻辑完全放在JS脚本中执行，避免跨上下文传递shadow root对象。优化后的代码如下：

def shadow_click_on_logo(self, locator_shadow_host, locator_shadow_logo):
    # 先定位shadow host元素
    shadow_host = self._find_element(locator=locator_shadow_host)
    # 直接在JS中完成shadow root内元素定位+点击
    self.app.driver.execute_script("""
        const shadowRoot = arguments[0].shadowRoot;
        // 根据传入的XPATH定位目标元素
        const logo = shadowRoot.evaluate(arguments[1], shadowRoot, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
        if (logo) logo.click();
    """, shadow_host, locator_shadow_logo[1])

如果需要封装通用的Shadow DOM元素查找方法，也可以把定位逻辑封装成独立的JS调用，避免直接操作shadow root对象。

方案二：解决StaleElementReferenceException错误 #

这个错误是因为你通过JS返回元素后，DOM结构已更新（元素被重新渲染），导致之前的元素引用失效。解决思路是把查找+点击逻辑全部放在JS内执行，并增加元素有效性校验：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

def click_on_logo(self):
    # 显式等待shadow host加载完成
    WebDriverWait(self.app.driver, 10).until(
        EC.presence_of_element_located((By.ID, "live-space"))
    )
    # 所有操作在JS内完成，避免返回元素后引用失效
    self.app.driver.execute_script("""
        const shadowHost = document.querySelector('div#live-space');
        if (!shadowHost) return;
        const shadowRoot = shadowHost.shadowRoot;
        if (!shadowRoot) return;
        // 用属性选择器替代冗长的层级选择器，提升稳定性
        const logo = shadowRoot.querySelector('div[title="Домой"]');
        // 校验元素是否仍在DOM中
        if (logo && logo.isConnected) {
            logo.click();
        }
    """)

关键优化点：

• 用isConnected判断元素是否仍挂载在DOM中，避免操作已被移除的元素
• 简化选择器，使用属性选择器替代依赖DOM层级的选择器，降低结构变动带来的影响
• 所有逻辑在JS上下文内完成，减少Selenium与DOM的交互次数

通用注意事项 #

• Shadow DOM分为开放/关闭两种模式，只有开放模式（shadowRoot可访问）才能被Selenium操作，关闭模式下无法获取shadow root
• 操作Shadow DOM元素时，优先在JS脚本内完成查找和操作，减少跨上下文的对象传递
• 始终结合显式等待，确保元素加载完成后再执行操作

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