環(huán)境描述

• python版本: 3.10.0
• selenium版本: 3.141.0
• 瀏覽器: firefox
• 瀏覽器版本: 112.0.1 (64 位)

問題描述

我在使用python中的selenium顯示等待等到元素可點擊后，點擊元素，等到元素可點擊了，但是元素沒有點擊成功。示例代碼如下。

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

with webdriver.Firefox() as driver:
	driver.maximize_window()

	url = "https://www.baidu.com/"
	driver.get(url)

	wait = WebDriverWait(driver, 10)
	locator = By.CSS_SELECTOR, "input#su"
	method = EC.element_to_be_clickable(locator)
	element = wait.until(method)

	chains = ActionChains(driver)
	chains.move_to_element(element).click().perform()

注:以上代碼可點擊成功，代碼僅供參考

問題分析

我認(rèn)為等到元素可點擊，但是沒有點擊成功有以下幾種可能性(僅供參考，歡迎指出問題和補充):

1. 元素被禁用了，可使用element的is_enabled方法判斷元素是否已啟用。

2. 元素被隱藏了，可通過下面的代碼判斷元素是否被隱藏。

   display_style = element.value_of_css_property("display")
   visibility_style = element.value_of_css_property("visibility")
   if display_style == "none" or visibility_style == "hidden":
       print("元素被隱藏了")
   else:
       print("元素可見")
   

   3.元素被其它元素遮擋了，這也是我遇到的問題，可通過下面的代碼判斷元素是否被其它元素遮擋。

   is_element_overlapped = self.driver.execute_script("""
                       function isOverlapping(element) {
                           const rect1 = element.getBoundingClientRect();
                           const elements = document.querySelectorAll("*");
                           for (let i = 0; i < elements.length; i++) {
                               const element = elements[i];
                               if (element === rect1) continue;
                               const rect2 = element.getBoundingClientRect();
                               if (
                                   rect1.top < rect2.bottom &&
                                   rect1.bottom > rect2.top &&
                                   rect1.left < rect2.right &&
                                   rect1.right > rect2.left
                               ) {
                                   return true;
                               }
                           }
                           return false;
                       }
                       return isOverlapping(arguments[0]);
   		""", element)
   if is_element_overlapped:
       print("元素被遮擋了")
   else:
       print("元素沒有被遮擋")
   

   元素被遮擋點擊方法

   解決方法1

   使用js進(jìn)行點擊，代碼如下。

   driver.execute_script("arguments[0].click();", element)
   

   解決方法2

   定位到上層元素再將鼠標(biāo)移動到要點擊的元素上。代碼如下。

   def click_by_offset(driver: WebDriver, element: WebElement) -> None:
   	""" 鼠標(biāo)先移動到該元素的父元素上，鼠標(biāo)再移動到該元素上，然后點擊 """
   	# 要點擊的元素的位置
   	x, y = element.location.values()
   
   	# 要點擊的元素的父元素
   	parent_element = driver.execute_script("return arguments[0].offsetParent;", element)
   
   	assert isinstance(parent_element, WebElement), f"{parent_element}類型錯誤，應(yīng)為{WebElement}"
   
   	# 要點擊的元素的父元素的位置
   	parent_x, parent_y = parent_element.get_attribute("offsetLeft"), parent_element.get_attribute("offsetTop")
   
   	# 偏移量
   	xoffset, yoffset = x - int(parent_x), y - int(parent_y)
   
   	# 點擊
   	ActionChains(driver).move_to_element_with_offset(parent_element, xoffset, yoffset).click().perform()
   

   完整示例代碼如下。文章來源地址http://www.zghlxwxcb.cn/news/detail-786117.html

   from selenium import webdriver
   from selenium.webdriver import ActionChains
   from selenium.webdriver.common.by import By
   from selenium.webdriver.remote.webdriver import WebDriver
   from selenium.webdriver.remote.webelement import WebElement
   from selenium.webdriver.support.wait import WebDriverWait
   from selenium.webdriver.support import expected_conditions as EC
   
   
   def click_by_offset(driver: WebDriver, element: WebElement) -> None:
   	""" 鼠標(biāo)先移動到該元素的父元素上，鼠標(biāo)再移動到該元素上，然后點擊 """
   	# 要點擊的元素的位置
   	x, y = element.location.values()
   
   	# 要點擊的元素的父元素
   	parent_element = driver.execute_script("return arguments[0].offsetParent;", element)
   
   	assert isinstance(parent_element, WebElement), f"{parent_element}類型錯誤，應(yīng)為{WebElement}"
   
   	# 要點擊的元素的父元素的位置
   	parent_x, parent_y = parent_element.get_attribute("offsetLeft"), parent_element.get_attribute("offsetTop")
   
   	# 偏移量
   	xoffset, yoffset = x - int(parent_x), y - int(parent_y)
   
   	# 點擊
   	ActionChains(driver).move_to_element_with_offset(parent_element, xoffset, yoffset).click().perform()
   
   
   if __name__ == '__main__':
   	with webdriver.Firefox() as driver:
   		driver.maximize_window()
           
   		url = "https://www.baidu.com"
   		driver.get(url)
           
   		wait = WebDriverWait(driver, 10)
   		locator = By.CSS_SELECTOR, "input#su"
   		method = EC.element_to_be_clickable(locator)
   		element = wait.until(method)
           
   		click_by_offset(driver, element)
   

到了這里，關(guān)于python中selenium等到元素可點擊，元素未點擊成功解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！