selenium+python无法定位svg结构的搜索按钮

最新推荐文章于 2025-03-09 17:03:03 发布

转载最新推荐文章于 2025-03-09 17:03:03 发布 · 1.9k 阅读

文章标签：

#selenium

selenium+python 专栏收录该内容

2 篇文章

订阅专栏

本文介绍在使用Selenium进行Web自动化测试时，如何解决SVG结构元素的定位问题。通过使用XPath的name()函数重新构建定位器，实现了对SVG内如line、rect、circle等图形元素的点击操作，适用于Firefox和Chrome浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天写脚本发现页面有搜索按钮有svg结构，里面的元素无法定位

初步尝试直接在页面中获取svg中包含元素的xpath，直接利用selenium方法访问，无法捕获到相关元素信息。
SVG包含一些图形元素，比如line，rect，circle等，很多情况下我们可以点击SVG上的元素触发一些event，比如打开context menu、在一个pie里选择一个portion等。但是SVG在html看来是一个单独的元素，我们怎么点击svg里的元素呢？下面记录下 Firefox和Chrome上的方法（其他browsers没有试）
解决方案：
用xpath找到元素，新建一个Actions点击就好了，要注意的是定位svg元素要用xpath的name（）函数，比如这个locator：//svg/line[2]，要用//[name()=‘svg’]/[name()=‘line’][2]"代替
代码示例：
WebElement element = driver.findElement(By.xpath(sLocator)); //sLocator like “//[name()=‘svg’]/[name()=‘line’][2]”

new Actions(driver).click(element).build().perform();
转载自：https://blog.youkuaiyun.com/weixin_33994429/article/details/85937733
侵权请联系本人删除