Elemento generado dinámicamente -NoSuchElementException: Mensaje: no existe tal elemento: ¿No se puede localizar el elemento?

Tengo problemas para seleccionar un botón para cargar más en una página de Linkedin. Recibo este error al encontrar el xpath:selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element

Sospecho que el problema es que el botón no está visible en la página en ese momento. Así que lo he intentado actions.move_to_element. Sin embargo, la página se desplaza justo debajo del elemento, por lo que el elemento ya no es visible y se produce el mismo error posteriormente.

También lo he intentado move_to_element_with_offset, pero esto no ha cambiado hacia dónde se desplaza la página.

¿Cómo puedo desplazarme a la ubicación correcta en la página para poder seleccionar correctamente el elemento?

Mi código relevante:

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()

Después de jugar con él, parece que he descubierto de dónde proviene el problema. El error

selenium.common.exceptions.NoSuchElementException: Mensaje: no existe ese elemento: No se puede localizar el elemento: {"método": "xpath", "selector": "// botón [@ class =" pv-profile-section__card-action-bar pv-skills-section__additional-skills artdeco-container-card-action-bar artdeco-button artdeco-button - terciario artdeco-button - 3 artdeco-button - fluido "]"} (Información de la sesión: chrome = 81.0.4044.113 )

siempre indica correctamente el problema que se encuentra y, como tal, no puede encontrar el elemento. Las posibles causas de esto incluyen:

• Elemento no presente en el momento de la ejecución
• Generado dinámicamente
• contenido Nombres en conflicto

En tu caso, fue el segundo punto. Como el contenido que se muestra se carga dinámicamente a medida que se desplaza hacia abajo. Entonces, cuando carga su perfil por primera vez, las secciones de habilidades no están presentes en el DOM. Entonces, para resolver esto, simplemente tiene que desplazarse a la sección para que se aplique en el DOM.

Esta línea es el truco aquí. Lo colocará en el panel correcto y así cargará y aplicará los datos al DOM.

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

Aquí está mi código (cámbielo según sea necesario)

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()

Salida

Actualizar

En lo que respecta a su problema más reciente, debe implementar un método de desplazamiento continuo que le permita actualizar dinámicamente la skillssección. Esto requiere muchos cambios y, idealmente, debería formularse como otra pregunta.

También encontré una solución simple al configurar el desplazamiento en el umbral correcto. Para y=3200parece que funcionan bien para todos los perfiles He comprobado incluyendo el suyo, mina y algunos otros.

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

Si el botón no está visible en la página en el momento de la carga, utilice el untilmétodo para retrasar la ejecución.

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!"

El ejemplo se toma de aquí

Para obtener la ubicación exacta del elemento, puede utilizar el siguiente método para hacerlo.

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

En realidad, esto tiene la intención de devolverle las coordenadas ( x, y) del elemento en la página, pero también se desplaza hacia la derecha hasta el elemento de destino. Luego puede usar las coordenadas para hacer clic en el botón. Puedes leer más sobre eso aquí .

Obtiene el error NoSuchElementException cuando los localizadores (es decir, id / xpath / name / class_name / css selectors, etc.) que mencionamos en el código del programa selenium no pueden encontrar el elemento web en la página web.

Cómo resolver NoSuchElementException:

1. Aplicar WebDriverWait: permite que webdriver espere un tiempo específico
2. Intenta atrapar el bloque

por lo tanto, antes de realizar una acción en el elemento web, debe tener en cuenta el elemento web, eliminé el código no deseado y también evité el uso de esperas codificadas, ya que no es una buena práctica tratar el problema de sincronización. Además, al hacer clic en el botón Mostrar más, debe desplazarse hacia abajo; de lo contrario, no funcionará.

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()

Salida: