问题描述
我正在尝试使用 selenium 自动执行某些操作,但无法在页面上找到第一个元素 :
从 selenium 导入 webdriver选项 = webdriver.ChromeOptions()options.add_argument(开始最大化")options.add_experimental_option("excludeSwitches", ["enable-automation"])options.add_experimental_option('useAutomationExtension', False)driver = webdriver.Chrome(options=options, executable_path=r'C:WebDriverschromedriver.exe')driver.get('http://www.51sjk.com/Upload/Articles/1/0/334/334367_20221026110941315.do')SignInButton = driver.execute_script("return document.querySelector('dps-app').shadowRoot.querySelector('dps-navigation-header').shadowRoot.querySelector('header.dps-navigation-header dps-login').shadowRoot.querySelector('dps-button')")SignInButton.click()
- 浏览器快照:
参考文献
您可以在以下位置找到一些相关的详细讨论:
- 如何交互在使用 cssSelector 清除 Chrome 浏览器的浏览数据时使用 #shadow-root (open) 中的元素
- 如何使用 selenium 自动化影子 DOM 元素?
I'm trying to use selenium to automate some actions but am unable to find the first element on the page http://www.51sjk.com/Upload/Articles/1/0/334/334367_20221026110941315.do and so cannot login
from selenium import webdriver from selenium.webdriver.common.keys import Keys driver_path = "../bin/chromedriver.exe" driver = webdriver.Chrome(driver_path) driver.get("http://www.51sjk.com/Upload/Articles/1/0/334/334367_20221026110941315.do") driver.find_element_by_xpath("/html/body/dps-app//div/header/dps-navigation-header//header/div/div[2]/ul/li[3]/dps-login//div/dps-button//button/span")
I get the error
selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"xpath","selector":"/html/body/dps-app//div/header/dps-navigation-header//header/div/div[2]/ul/li[3]/dps-login//div/dps-button//button/span"}
解决方案
To Sign In button is deep within multiple #shadow-root (open)
Solution
Tto click() on the desired element you can use shadowRoot.querySelector() and you can use the following Locator Strategy:
from selenium import webdriver options = webdriver.ChromeOptions() options.add_argument("start-maximized") options.add_experimental_option("excludeSwitches", ["enable-automation"]) options.add_experimental_option('useAutomationExtension', False) driver = webdriver.Chrome(options=options, executable_path=r'C:WebDriverschromedriver.exe') driver.get('http://www.51sjk.com/Upload/Articles/1/0/334/334367_20221026110941315.do') SignInButton = driver.execute_script("return document.querySelector('dps-app').shadowRoot.querySelector('dps-navigation-header').shadowRoot.querySelector('header.dps-navigation-header dps-login').shadowRoot.querySelector('dps-button')") SignInButton.click()
- Browser Snapshot:
References
You can find a couple of relevant detailed discussions in:
- How to interact with the elements within #shadow-root (open) while Clearing Browsing Data of Chrome Browser using cssSelector
- How to automate shadow DOM elements using selenium?