Python，Selenium试图通过类xpath定位图像

Question

我正在尝试通过python/selenium单击页面上出现的第一个图像。

html代码是：

<div class="flex-none ph1 mt2 w-sixth-ns w-third">
<a class="aspect-ratio--1x1 relative db bg-near-black hover-bg-dark-primary bg-animate outline-0 no-underline overflow-hidden br1" href="https://users/792647/pictures/88860858" title="Random name cannot use this to link in selenium. ">
<div class="aspect-ratio--object">
<div class="pa2 flex items-center justify-center h-100 w-100">
<img alt="Random name cannot use this to link in selenium" class="db w-100 h-100 ipp object-cover" src="https://pic-c400-3.com/792647/00059768-ff6a-1304-0f8b-4060f001e784/c400.jpg?token=1578873600_78bae2898bc20e48508cdf6640fe7295ba0c429b85c57019936be6864df471e4">
</div>
</div>
</a>
</div>

我尝试过的代码，但都不起作用：

photo = browser.find_elements_by_xpath('//*[@class="pa2 flex items-center justify-center h-100 w-100"]').click()

和：

photo = browser.find_elements_by_xpath('//*[@class="flex-none ph1 mt2 w-sixth-ns w-third"]').click()

Answer 1

当您尝试使用 Selenium 的 python 客户端click()页面上出现的第一个图像时，您可以诱导WebDriverWait等待element_to_be_clickable()，您可以使用以下任一定位器策略：

• 使用CSS_SELECTOR：

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a[href*='pictures']>div.aspect-ratio--object img.object-cover[src^='https://pic']"))).click()
  

• 使用XPATH：

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[contains(@href, 'pictures')]/div[@class='aspect-ratio--object']//img[contains(@class,'object-cover') and starts-with(@src, 'https://pic')]"))).click()
  

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

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

Answer 2

诱导WebDriverWait(( 并等待element_to_be_clickable(( 并使用以下 xpath 选项。

WebDriverWait(browser,10).until(EC.element_to_be_clickable((By.XPATH,"//a[contains(@class,'aspect-ratio') and contains(@href,'https://users')]//img[1]"))).click()

您需要导入以下库。

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