动态生成的元素 -NoSuchElementException：消息：没有这样的元素：无法找到元素？

Question

我无法在 Linkedin 页面上选择加载更多按钮。我在查找 xpath 时收到此错误：selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element

我怀疑问题在于当时该按钮在页面上不可见。所以我试过actions.move_to_element。但是，页面在元素下方滚动，因此该元素不再可见，并且随后会发生相同的错误。

我也尝试过move_to_element_with_offset，但这并没有改变页面滚动到的位置。

如何滚动到页面上的正确位置以便成功选择元素？

我的相关代码：

import parameters
from selenium.webdriver.common.action_chains import ActionChains
from selenium import webdriver

ChromeOptions = webdriver.ChromeOptions()
driver = webdriver.Chrome('C:\\Users\\Root\\Downloads\\chromedriver.exe')

driver.get('https://www.linkedin.com/login?fromSignIn=true&trk=guest_homepage-basic_nav-header-signin')
sleep(0.5)

username = driver.find_element_by_name('session_key')

username.send_keys(parameters.linkedin_username)
sleep(0.5)

password = driver.find_element_by_name('session_password')
password.send_keys(parameters.linkedin_password)
sleep(0.5)

sign_in_button = driver.find_element_by_xpath('//button[@class="btn__primary--large from__button--floating"]')
sign_in_button.click()

driver.get('https://www.linkedin.com/in/kate-yun-yi-wang-054977127/?originalSubdomain=hk')

loadmore_skills=driver.find_element_by_xpath('//button[@class="pv-profile-section__card-action-bar pv-skills-section__additional-skills artdeco-container-card-action-bar artdeco-button artdeco-button--tertiary artdeco-button--3 artdeco-button--fluid"]')

actions = ActionChains(driver)
actions.move_to_element(loadmore_skills).perform()
#actions.move_to_element_with_offset(loadmore_skills, 0, 0).perform()
loadmore_skills.click()

Answer 1

在玩过它之后，我似乎已经弄清楚问题出在哪里。错误

selenium.common.exceptions.NoSuchElementException：消息：没有这样的元素：无法找到元素：{"method":"xpath","selector":"//button[@class="pv-profile-section__card- action-bar pv-skills-section__additional-skills artdeco-container-card-action-bar artdeco-button artdeco-button--tertiary artdeco-button--3 artdeco-button--fluid"]"} （会话信息：chrome=81.0.4044.113）

总是正确地说明它遇到的问题，因此它无法找到该元素。造成这种情况的可能原因包括：

• 执行时元素不存在
• 动态生成
• 内容名称冲突

就你而言，这是第二点。当您向下滚动时，显示的内容会动态加载。因此，当它首次加载您的个人资料时，技能部分实际上并不存在于 DOM 中。因此，要解决这个问题，您只需滚动到该部分，以便将其应用到 DOM 中。

这一行就是这里的诀窍。它会将其定位到正确的面板，从而将数据加载并应用到 DOM。

driver.execute_script("window.scrollTo(0, 1800)")

这是我的代码（请根据需要更改）

from time import sleep

# import parameters
from selenium.webdriver.common.action_chains import ActionChains
from selenium import webdriver
from selenium.webdriver.support.wait import WebDriverWait

ChromeOptions = webdriver.ChromeOptions()
driver = webdriver.Chrome('../chromedriver.exe')

driver.get('https://www.linkedin.com/login?fromSignIn=true&trk=guest_homepage-basic_nav-header-signin')
sleep(0.5)

username = driver.find_element_by_name('session_key')

username.send_keys('')
sleep(0.5)

password = driver.find_element_by_name('session_password')
password.send_keys('')
sleep(0.5)

sign_in_button = driver.find_element_by_xpath('//button[@class="btn__primary--large from__button--floating"]')
sign_in_button.click()


driver.get('https://www.linkedin.com/in/kate-yun-yi-wang-054977127/?originalSubdomain=hk')

sleep(3)
# driver.execute_script("window.scrollTo(0, 1800)")
sleep(3)
loadmore_skills=driver.find_element_by_xpath('//button[@class="pv-profile-section__card-action-bar pv-skills-section__additional-skills artdeco-container-card-action-bar artdeco-button artdeco-button--tertiary artdeco-button--3 artdeco-button--fluid"]')


actions = ActionChains(driver)
actions.move_to_element(loadmore_skills).perform()
#actions.move_to_element_with_offset(loadmore_skills, 0, 0).perform()
loadmore_skills.click()

输出

更新

考虑到您的新问题，您需要实现一个连续滚动方法，使您能够动态更新skills 部分。这需要进行大量更改，理想情况下应该作为另一个问题提出。

我还通过将滚动设置为正确的阈值找到了一个简单的解决方案。对于y=3200 似乎适用于我检查过的所有配置文件，包括您的、我的和其他一些配置文件。

driver.execute_script("window.scrollTo(0, 3200)")

Answer 2

如果按钮在加载时在页面上不可见，则使用until 方法延迟执行

try:
    myElem = WebDriverWait(browser, delay).until(EC.presence_of_element_located((By.ID, 'IdOfMyElement')))
    print "Button is rdy!"
except TimeoutException:
    print "Loading took too much time!"

示例取自here

要获取元素的准确位置，可以使用以下方法。

element = driver.find_element_by_id('some_id')
element.location_once_scrolled_into_view

这实际上是为了向您返回页面上元素的坐标（x，y），但也会向下滚动到目标元素。然后，您可以使用坐标单击按钮。你可以阅读更多关于here的信息。

Answer 3

当我们在 selenium 程序代码中提到的定位器（即 id / xpath/name/class_name/css 选择器等）无法在网页上找到 web 元素时，您会收到 NoSuchElementException 错误。

如何解决 NoSuchElementException：

1. 应用 WebDriverWait : 允许 webdriver 等待特定时间
2. 试试 catch 块

因此，在对 webelement 执行操作之前，您需要查看 web 元素，我已经删除了 unwated 代码并避免使用硬编码等待，因为它不是处理同步问题的好习惯。此外，在单击显示更多按钮时，您必须向下滚动，否则它将不起作用。

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


driver = webdriver.Chrome(executable_path="path of chromedriver.exe")

driver.get('https://www.linkedin.com/login?fromSignIn=true&trk=guest_homepage-basic_nav-header-signin')
driver.maximize_window()

WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.NAME, "session_key"))).send_keys("email id")
WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.NAME, "session_password"))).send_keys("password ")
WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//button[@class='btn__primary--large from__button--floating']"))).click()

driver.get("https://www.linkedin.com/in/kate-yun-yi-wang-054977127/?originalSubdomain=hk")
driver.maximize_window()

driver.execute_script("scroll(0, 250);")
buttonClick = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//span[text()='Show more']")))
ActionChains(driver).move_to_element(buttonClick).click().perform()

输出：