Selenium进阶：如何操作Shadow DOM中的Web元素

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

login_url = 'https://sso-login.revelup.com' # 示例URL
driver = webdriver.Chrome()
driver.get(login_url)
driver.implicitly_wait(7) # 隐式等待，建议在实际项目中替换为显式等待

try:
    # 假设'html'是Shadow DOM内的元素，尝试直接定位会失败
    test_var = driver.find_element(By.NAME, "html")
    print(f"成功定位到元素: {test_var}")
except NoSuchElementException as e:
    print(f"定位失败: {e}")
finally:
    driver.quit()

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

# ... (driver setup) ...

# 假设我们的Shadow Host可以通过CSS选择器 '#shadow-root-wrapper' 定位
# 构建JavaScript脚本来获取Shadow Root
# 'return document.querySelector('#shadow-root-wrapper').shadowRoot'
# 这段脚本会找到ID为'shadow-root-wrapper'的元素，并返回其shadowRoot属性
shadow_root_script = "return document.querySelector('#shadow-root-wrapper').shadowRoot"
shadow_root = driver.execute_script(shadow_root_script)

if shadow_root:
    print("成功获取Shadow Root对象。")
else:
    print("未能获取Shadow Root对象，请检查JS路径和宿主元素是否存在。")

# ... (previous code to get shadow_root) ...

if shadow_root:
    try:
        # 假设目标是一个ID为"instance"的输入字段
        # 在Shadow Root内部查找元素，例如使用By.ID或By.CSS_SELECTOR
        element_in_shadow_dom = shadow_root.find_element(By.ID, "instance")
        # 或者使用CSS选择器，例如：
        # element_in_shadow_dom = shadow_root.find_element(By.CSS_SELECTOR, '#instance')

        print(f"成功定位到Shadow DOM中的输入框元素: {element_in_shadow_dom}")
        # 现在可以对该元素进行操作，例如输入文本
        element_in_shadow_dom.send_keys("my_username_or_value")
    except NoSuchElementException:
        print("在Shadow DOM内部未能找到指定元素，请检查选择器。")
else:
    print("Shadow Root未找到，无法在其内部定位元素。")

driver.quit()

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
from selenium.common.exceptions import NoSuchElementException, TimeoutException

login_url = 'https://sso-login.revelup.com'
driver = webdriver.Chrome()

try:
    driver.get(login_url)
    # 使用显式等待，等待页面加载或特定元素出现，增加鲁棒性
    WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.TAG_NAME, 'body')))

    print("尝试获取Shadow Root...")
    # 假设Shadow Host的JS路径为 document.querySelector('#shadow-root-wrapper')
    # 实际应用中需要根据页面结构调整此JS路径
    shadow_root_js_path = "return document.querySelector('#shadow-root-wrapper').shadowRoot"
    shadow_root = driver.execute_script(shadow_root_js_path)

    if shadow_root:
        print("Shadow Root获取成功。")
        print("尝试在Shadow Root内部定位ID为'instance'的输入框...")
        # 在Shadow Root内部查找ID为"instance"的input元素
        input_element = shadow_root.find_element(By.ID, "instance")

        print(f"成功定位到Shadow DOM中的输入框元素: {input_element}")
        # 可以对该元素进行操作，例如输入文本
        input_element.send_keys("test_user")
        print("已向输入框输入文本 'test_user'")

        # 进一步操作，例如获取其值
        value = input_element.get_attribute("value")
        print(f"输入框当前的值是: {value}")

    else:
        print("未能获取Shadow Root。请检查JS路径和页面结构。")

except TimeoutException:
    print("页面加载超时或特定元素未出现。")
except NoSuchElementException as e:
    print(f"元素定位失败: {e}")
except Exception as e:
    print(f"发生未知错误: {e}")
finally:
    driver.quit()
    print("浏览器已关闭。")