如何使用硒从内联 css 获取背景图像

Question

使用 python 如何使用 selenium 获取背景图像？哪个有内联 CSS？我想从背景图片中获取图片网址： url()

<div id="pic" class="pic" data-type="image" style=" background-image: url(http://test.com/images/image.png;); height: 306px; background-size: cover;"></div>

Answer 1

为了让您需要使用背景图像value_of_css_property(property_name)的方法，你必须诱导WebDriverWait的visibility_of_element_located()，你可以使用以下的定位策略：

• 使用CSS_SELECTOR：

  import re
  
  my_property = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div.pic#pic[data-type='image']"))).value_of_css_property("background-image")
  print(re.split('[()]',my_property)[1])
  

• 使用XPATH：

  import re
  
  my_property = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "//div[@class='pic' and @id='pic'][@data-type='image']"))).value_of_css_property("background-image")
  print(re.split('[()]',my_property)[1])
  

• 控制台输出：

  test.com/images/image.png
  

更新

由于 url 用双引号括起来，即"..."您可以使用以下解决方案：

print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "//div[@class='pic' and @id='pic'][@data-type='image']"))).value_of_css_property("background-image").split('"')[1])

参考

您可以找到与以下内容相关的几个相关讨论：

• 在断言由 Selenium getCssValue("background") 返回的背景颜色 rgb(255,255,255) 的同时检索如何将 #ffffff 转换为 #fff 或 #fff 到 #ffffff 中的背景
• 在如何通过 Python 中的 Selenium 从相对于多个分隔符动态变化的字符串中检索子字符串中检索子字符串