【问题标题】:how to locate images in a carousel using xpath in selenium?如何在 selenium 中使用 xpath 在轮播中定位图像?
【发布时间】:2015-07-03 15:41:06
【问题描述】:

如何在网页的轮播中找到图片?

例如,在 www.Amazon.com 中,我如何找到图像“Amazon FireTV”? 我尝试使用 firebug 和 firepath 来获取它的 xpath。这是生成的代码

.//*[@id='image-map-ns_0ZQX7SFF6V0EPC565G2P_12436_']/div/div/map/area

我知道元素是动态的。我尝试使用“包含”关键字,但仍然找不到该元素。这是我尝试过的xpath

.//*[@id='image-map-ns_0ZQX7SFF6V0EPC565G2P_12436_']/div/div/map/area[contains(@alt, 'Amazon Devices')]

重建我正在做的场景的步骤

  1. 访问 www.amazon.com

  2. 在轮播中单击第 5 个项目符号(这显示了 Amazon FireTV 的图像)

  3. 使用 Firebug 和 Firepath 定位元素

【问题讨论】:

  • 使用此 xpath 尝试一次:** .//div[@id='main-image-container']/ul/li/span/span/div/img[@alt='Amazon消防电视'] **。

标签: html selenium xpath firebug firepath


【解决方案1】:

在轮播中点击第 5 个项目符号

在轮播中点击第 5 个项目符号(目前显示 Fire HD Kids Edition)

$x("//a[contains(@class,'herotator-goToPage-5')]");

定位元素

使用 alt 属性选择图像 Fire HD Kids Edition

//div[@class='cropped-image-map-center-alignment']/map/area[contains(@alt,'Fire HD Kids Edition')]

我在浏览器控制台中测试了 xpath,它工作正常快捷方式$x("xpath")

希望这对您有所帮助...如果您遇到任何问题,请返回

【讨论】:

  • 感谢 Vicky 的帮助。代码有效!现在我将分析它是如何使用该 xpath 的:)
  • 乐于助人:)
猜你喜欢
  • 1970-01-01
  • 2017-11-20
  • 1970-01-01
  • 2015-08-12
  • 2018-08-13
  • 2021-09-20
  • 1970-01-01
  • 2019-09-18
  • 2020-02-15
相关资源
最近更新 更多