ElementNotVisibleException：消息：尝试通过 Selenium 和 Python 单击按钮时出现元素不可交互错误

Posted 2023-03-23

【中文标题】ElementNotVisibleException：消息：尝试通过 Selenium 和 Python 单击按钮时出现元素不可交互错误

【英文标题】：ElementNotVisibleException: Message: element not interactable error while trying to click a button through Selenium and Python

【发布时间】：2021-12-28 04:28:44

【问题描述】：

我有一个带有源代码的页面，如下面的代码。在我采取行动后，会出现“撤消”和“关闭”按钮。我正在尝试单击“关闭”按钮。我已经尝试了下面的所有三个代码块，但都没有工作。有人可以指出我做错了什么，或者建议尝试其他方法吗？

html来源：

<div class="_3Aslx7L3GVI4XM7PUyYKza action-bar"><div class="container"><i class="success-icon fontello-ok-circle"></i><div class="success-message">Your stuff is going to <span>place</span> is on its way.</div><div class="gh69ID1m3_xtdTUQuwadU"><button class="c-button c-button--gray"> Undo</button></div><div class="gh69ID1m3_xtdTUQuwadU"><button class="c-button c-button--blue"> Close</button></div></div></div>

代码尝试：

#driver.find_element_by_id("gh69ID1m3_xtdTUQuwadU").click()
driver.find_element_by_css_selector('.c-button.c-button--blue').click()
#driver.find_element_by_link_text('Close').click()

错误：

---------------------------------------------------------------------------
ElementNotVisibleException                Traceback (most recent call last)
<ipython-input-15-6d570be770d7> in <module>()
      1 #driver.find_element_by_id("gh69ID1m3_xtdTUQuwadU").click()
----> 2 driver.find_element_by_css_selector('.c-button.c-button--blue').click()
      3 #driver.find_element_by_link_text('Close').click()

~/anaconda/envs/py36/lib/python3.6/site-packages/selenium/webdriver/remote/webelement.py in click(self)
     78     def click(self):
     79         """Clicks the element."""
---> 80         self._execute(Command.CLICK_ELEMENT)
     81 
     82     def submit(self):

~/anaconda/envs/py36/lib/python3.6/site-packages/selenium/webdriver/remote/webelement.py in _execute(self, command, params)
    626             params = 
    627         params['id'] = self._id
--> 628         return self._parent.execute(command, params)
    629 
    630     def find_element(self, by=By.ID, value=None):

~/anaconda/envs/py36/lib/python3.6/site-packages/selenium/webdriver/remote/webdriver.py in execute(self, driver_command, params)
    318         response = self.command_executor.execute(driver_command, params)
    319         if response:
--> 320             self.error_handler.check_response(response)
    321             response['value'] = self._unwrap_value(
    322                 response.get('value', None))

~/anaconda/envs/py36/lib/python3.6/site-packages/selenium/webdriver/remote/errorhandler.py in check_response(self, response)
    240                 alert_text = value['alert'].get('text')
    241             raise exception_class(message, screen, stacktrace, alert_text)
--> 242         raise exception_class(message, screen, stacktrace)
    243 
    244     def _value_or_default(self, obj, key, default):

ElementNotVisibleException: Message: element not interactable
  (Session info: chrome=72.0.3626.109)
  (Driver info: chromedriver=2.42.591059 (a3d9684d10d61aa0c45f6723b327283be1ebaad8),platform=Mac OS X 10.12.6 x86_64)

【问题讨论】：

可能您的浏览器大小配置错误，导致该元素不可见，因此不可点击，您可以看到您的异常类型：ElementNotVisibleException

有一种方法可以在 selenium 中截取屏幕截图，尝试截取屏幕截图并将其保存到您的 driver.find_element_by 代码之前的某个文件中，看看它是什么样子的

【参考方案1】：

文本为 Close 的元素是一个动态元素，因此要定位该元素，您必须诱导 WebDriverWait 以使 元素可点击您可以使用以下任一解决方案：

使用CSS_SELECTOR：

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.action-bar button.c-button.c-button--blue"))).click()

使用XPATH：

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[contains(@class, 'action-bar')]//button[@class='c-button c-button--blue' and normalize-space()='Close']"))).click()

注意：您必须添加以下导入：

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, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.action-bar button.c-button.c-button- -blue"))).click()

【参考方案2】：

尝试在这种情况下使用 XPATH 和 Action 类。

BTN_xpath = //*[contains(@class, 'c-button--blue')]
WebElement btn = driver.find_element_by_xpath(BTN_xpath);
Actions ac = new Actions(driver);
ac.click(btn).build().perform();

此外，如果您使用的是 Firefox 浏览器，可能会出现无法与页面中之前不可见的元素进行交互的问题。因此，请尝试使用其他浏览器检查。