使用 Selenium 和 Python 访问 Shadow DOM 中的元素

return document.querySelector('your_host_element_css_selector').shadowRoot;

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 初始化 WebDriver
driver = webdriver.Chrome()
driver.get('https://your-target-url.com') # 替换为实际的 URL

try:
    # 等待 Shadow DOM 的宿主元素出现
    # 假设宿主元素的 CSS 选择器是 '#host-element'
    host_element_selector = '#host-element'
    WebDriverWait(driver, 10).until(
        EC.presence_of_element_located((By.CSS_SELECTOR, host_element_selector))
    )

    # 通过 JavaScript 获取 Shadow Root
    # 这里的 'return document.querySelector("#host-element").shadowRoot' 是一个示例
    # 请根据实际页面结构调整 '#host-element'
    shadow_root_script = f"return document.querySelector('{host_element_selector}').shadowRoot"
    shadow_root = driver.execute_script(shadow_root_script)

    if shadow_root:
        print("成功获取 Shadow Root。")
        # shadow_root 现在是一个 Selenium WebElement 对象，可以像常规元素一样使用
    else:
        print("未能获取 Shadow Root，宿主元素可能不存在或没有 Shadow DOM。")

except Exception as e:
    print(f"发生错误: {e}")
finally:
    # driver.quit() # 暂时不关闭，以便在下一步使用
    pass

# ... (前面的代码，直到获取 shadow_root) ...

if shadow_root:
    print("成功获取 Shadow Root。")
    try:
        # 在 Shadow Root 中定位目标元素
        # 假设我们要找的是一个 ID 为 "instance" 的 input 元素
        # 使用 By.ID 或 By.CSS_SELECTOR 都可以
        target_element_in_shadow = shadow_root.find_element(By.ID, "instance")
        # 或者 target_element_in_shadow = shadow_root.find_element(By.CSS_SELECTOR, '#instance')

        if target_element_in_shadow:
            print(f"成功定位到 Shadow DOM 中的元素: {target_element_in_shadow.tag_name}, ID: {target_element_in_shadow.get_attribute('id')}")
            # 对定位到的元素进行操作，例如输入文本
            target_element_in_shadow.send_keys("Hello Shadow DOM!")
            print("已向元素输入文本。")
        else:
            print("未能在 Shadow Root 中定位到目标元素。")
    except Exception as e:
        print(f"在 Shadow Root 中定位元素时发生错误: {e}")
else:
    print("未能获取 Shadow Root，无法在其内部定位元素。")

# ... (finally 块，关闭 driver) ...

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 定义目标 URL 和 Shadow DOM 宿主元素的 CSS 选择器
# 请根据实际情况修改这些值
LOGIN_URL = 'https://sso-login.revelup.com' # 示例 URL，请替换
SHADOW_HOST_SELECTOR = '#login-container' # 假设 Shadow DOM 挂载在一个 ID 为 'login-container' 的元素上
TARGET_INPUT_ID = 'instance' # Shadow DOM 内部目标 input 元素的 ID

def access_shadow_dom_element(url, shadow_host_selector, target_element_id):
    driver = webdriver.Chrome()
    driver.get(url)
    driver.implicitly_wait(7) # 设置隐式等待，等待元素加载

    try:
        print(f"尝试访问 URL: {url}")

        # 步骤 1: 获取 Shadow Root
        # 首先等待 Shadow DOM 的宿主元素出现
        print(f"等待 Shadow DOM 宿主元素 ({shadow_host_selector}) 出现...")
        WebDriverWait(driver, 15).until(
            EC.presence_of_element_located((By.CSS_SELECTOR, shadow_host_selector))
        )
        print("宿主元素已出现。")

        # 构建 JavaScript 脚本来获取 Shadow Root
        shadow_root_script = f"return document.querySelector('{shadow_host_selector}').shadowRoot"
        shadow_root = driver.execute_script(shadow_root_script)

        if shadow_root:
            print("成功获取 Shadow Root。")
            # 步骤 2: 在 Shadow Root 中定位目标元素
            print(f"在 Shadow Root 中定位目标元素 (ID: {target_element_id})...")
            # 使用 WebDriverWait 显式等待 Shadow DOM 内部元素出现
            target_element = WebDriverWait(shadow_root, 10).until(
                EC.presence_of_element_located((By.ID, target_element_id))
            )

            if target_element:
                print(f"成功定位到 Shadow DOM 中的元素: {target_element.tag_name}, ID: {target_element.get_attribute('id')}")
                # 对定位到的元素进行操作
                target_element.send_keys("MySecretPassword")
                print("已向目标元素输入文本。")
                # 示例：获取输入框的值
                print(f"输入框当前的值: {target_element.get_attribute('value')}")
            else:
                print("未能在 Shadow Root 中定位到目标元素。")
        else:
            print("未能获取 Shadow Root，请检查宿主选择器或页面结构。")

    except Exception as e:
        print(f"自动化过程中发生错误: {e}")

    finally:
        print("关闭 WebDriver。")
        driver.quit()

# 调用函数执行自动化流程
if __name__ == "__main__":
    access_shadow_dom_element(LOGIN_URL, SHADOW_HOST_SELECTOR, TARGET_INPUT_ID)