如何用Selenium WebDriver与嵌入式HTML页面交互？无法操作内嵌元素

先遍历嵌套Shadow DOM定位Embed元素 #

你的目标<embed>元素位于两层嵌套的Shadow DOM内部，常规定位方式无法直接获取，必须逐层访问Shadow Root：

• 定位页面中的s2a-shell元素，获取它的Shadow Root
• 在该Shadow Root内找到section > div元素，再获取其Shadow Root
• 最后在第二层Shadow Root中定位<embed>元素

以Python Selenium为例，代码实现如下：

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

# 访问第一层Shadow DOM
s2a_shell = driver.find_element(By.TAG_NAME, "s2a-shell")
s2a_shadow_root = s2a_shell.shadow_root

# 访问第二层Shadow DOM
inner_div = s2a_shadow_root.find_element(By.CSS_SELECTOR, "section > div")
inner_shadow_root = inner_div.shadow_root

# 定位到embed元素
embed_element = inner_shadow_root.find_element(By.TAG_NAME, "embed")

切换到Embed对应的Frame #

拿到正确的embed_element后，执行Frame切换操作，注意等待Embed加载完成：

# 等待embed元素加载就绪（超时10秒）
WebDriverWait(driver, 10).until(lambda d: embed_element.is_displayed())

# 切换到embed所在的frame
driver.switch_to.frame(embed_element)

# 此时可正常与嵌入式页面内的元素交互
# 示例：定位并点击目标元素
target_element = driver.find_element(By.CSS_SELECTOR, "你的目标元素选择器")
target_element.click()

常见问题排查 #

• 切换后仍无法交互：嵌入式页面可能未完全加载，可增加等待逻辑，直到页面内特定元素出现
• Shadow Root无法访问：需使用Selenium 4及以上版本，旧版本不支持直接获取shadow_root属性
• Embed加载非HTML内容：如果嵌入式内容是PDF、图片等非HTML资源，Selenium无法直接交互，需使用对应工具处理

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