python - 如何使用 selenium 从内联 css 获取背景图像

Question

使用 python 如何使用 selenium 获取背景图像？哪个有内联 CSS？我想从背景图像中获取图像 URL: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)方法，您必须为 visibility_of_element_located() 引入 WebDriverWait 并且您可以使用以下任一项 Locator Strategies :

• 使用 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])

---

引用资料

您可以找到一些与以下相关的相关讨论:

• 检索 How to convert #ffffff to #fff or #fff to #ffffff while asserting the background color rgb(255,255,255) returned by Selenium getCssValue("background") 中的背景
• 检索 How to retrieve a sub-string from a string that changes dynamically with respect to multiple delimiters through Selenium in Python 中的子字符串