selenium.common.exceptions.ElementNotVisibleException：消息：尝试使用 Python + Selenium 访问元素时元素不可见

Question

我正在尝试在以下网站中输入用户名和密码： https://www.thegreatcoursesplus.com/sign-in

driver = webdriver.Chrome()
driver.get('https://www.TheGreatCoursesPlus.com/sign-in')
driver.find_element_by_xpath('//h1[@class="sign-in-input"]').click()

这给出了以下异常：

selenium.common.exceptions.ElementNotVisibleException: Message: element not visible

然后我尝试使用java脚本：

driver.execute_script("document.getElementsByClassName('sign-in-input')[0].click()")
cmd = "document.getElementsByClassName('label-focus')[0].value = 'abc@abc.com'"
driver.execute_script(cmd)

没有错误，但没有文本发送到“电子邮件地址”字段。

有人可以指导我输入电子邮件地址，密码的正确方法，然后单击“登录”。

Answer 1

此错误消息...

selenium.common.exceptions.ElementNotVisibleException: Message: element not visible

...暗示所需的元素在HTML DOM 中不可见，而WebDriver 实例正试图找到它。

---

ElementNotVisibleException

DOM Tree 上存在元素时抛出ElementNotVisibleException，但该元素不可见，因此无法与之交互。

---

原因

ElementNotVisibleException 的一个积极结论是 WebElement 在 HTML 中存在，并且在尝试click() 或 read 隐藏在视图之外的元素的属性。

---

解决方案

由于 ElementNotVisibleException 确保 WebElement 在 HTML 中 存在，因此根据后续步骤，前面的解决方案将分为两部分下面：

• 如果下一步是读取所需元素的任何属性，则需要将WebDriverWait 与expected_conditions 子句设置为visibility_of_element_located 结合，如下所示：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC
  
  my_value = WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.XPATH, "element_xpath"))).get_attribute("innerHTML")
  

• 如果您下一步是在所需元素上调用 click()，那么您需要将WebDriverWait 与expected_conditions 子句设置为element_to_be_clickable 结合，如下所示：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC
  
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "element_xpath"))).click()
  

---

这个用例

您构造为//h1[@class="sign-in-input"] 的xpath 不匹配任何节点。我们需要创建唯一的xpath 来定位代表Email Address、Password 和Sign In 按钮的元素诱导WebDriverWait。下面的代码块将帮助您实现相同的目标：

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

options = Options()
options.add_argument("start-maximized")
options.add_argument("disable-infobars")
options.add_argument("--disable-extensions")
driver = webdriver.Chrome(chrome_options=options, executable_path="C:\\Utility\\BrowserDrivers\\chromedriver.exe")
driver.get('https://www.TheGreatCoursesPlus.com/sign-in')
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//div[@id='modal']//input[@name='email']"))).send_keys("abc@abc.com")
driver.find_element_by_xpath("//div[@id='modal']//input[@name='password']").send_keys("password")
driver.find_element_by_xpath("//div[@id='modal']//button[@class='color-site sign-in-button']").click()

Answer 2

有两个问题：

• 第一个是计时，表单出现需要一些时间。您可以使用显式等待来解决它。
• 第二个是<input>标签中的字段id，而不是<h1>标签，而且匹配这个xpath的字段很多。我建议您找到包含字段的表单并使用它来定位每个字段

对于时间问题，您可以使用显式等待

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

driver = webdriver.Chrome()
driver.get('https://www.TheGreatCoursesPlus.com/sign-in')
form = WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.XPATH, '//div[@class="modal-body"]//form')))

form.find_element_by_name('email').send_keys(email)
form.find_element_by_name('password').send_keys(password)
form.find_element_by_name('sign-in-button').click()

Answer 3

用于用户名：

driver.find_element_by_xpath("//input(@type='email')").click()
driver.find_element_by_xpath("//input(@type='email')").send_keys( "username" )

密码使用：

driver.find_element_by_xpath("//input(@type='password')").click()
driver.find_element_by_xpath("//input(@type='password')").send_keys( "password" )