用Selenium访问阴影DOM树

Question

是否可以使用Selenium/Chrome WebDriver访问影子DOM中的元素？

有人成功了吗？

Answer 1

接受的答案不再有效，其他一些答案有一些缺点或不实用(/deep/选择器不起作用，不推荐使用，document.queryselector('')。当影子元素嵌套时，shadowroot只对第一个影子元素起作用），有时影子根元素是嵌套的，第二个影子根在文档根中不可见，但在其父级访问的影子根中可用。我认为最好使用selenium选择器并注入脚本来获取影子根：

def expand_shadow_element(element):
  shadow_root = driver.execute_script('return arguments[0].shadowRoot', element)
  return shadow_root

outer = expand_shadow_element(driver.find_element_by_css_selector("#test_button"))
inner = outer.find_element_by_id("inner_button")
inner.click()

import selenium
from selenium import webdriver
driver = webdriver.Chrome()


def expand_shadow_element(element):
  shadow_root = driver.execute_script('return arguments[0].shadowRoot', element)
  return shadow_root

driver.get("chrome://downloads")
root1 = driver.find_element_by_tag_name('downloads-manager')
shadow_root1 = expand_shadow_element(root1)

root2 = shadow_root1.find_element_by_css_selector('downloads-toolbar')
shadow_root2 = expand_shadow_element(root2)

root3 = shadow_root2.find_element_by_css_selector('cr-search-field')
shadow_root3 = expand_shadow_element(root3)

search_button = shadow_root3.find_element_by_css_selector("#search-button")
search_button.click()

执行其他答案中建议的相同方法有一个缺点，即它对查询进行了硬编码，可读性较差，并且不能将中间选择用于其他操作：

search_button = driver.execute_script('return document.querySelector("downloads-manager").shadowRoot.querySelector("downloads-toolbar").shadowRoot.querySelector("cr-search-field").shadowRoot.querySelector("#search-button")')
search_button.click()