Selenium 自动化 —— 定位页面元素

更多内容请关注我的 Selenium 自动化 专栏:

  1. 入门和 Hello World 实例
  2. 使用WebDriverManager自动下载驱动
  3. Selenium IDE录制、回放、导出Java源码
  4. 浏览器窗口操作
  5. 切换浏览器窗口

使用 Selenium 做自动化,我们不仅仅是打开一个网页,这只是万里长城的第一步,最重要的是,我们需要查找页面的元素,比如找到搜索框,找到提交按钮等等,后续输入文本,点击提交按钮。

总之,查找元素,是最关键的步骤之一。

本文,我们将系统的介绍使用 Selenium 定位页面元素的常用方式。

1. 一个元素

说到定位之前,我们先介绍WebDriver 查找元素的两个通用方法。

有些元素,页面中只有一个,比如某个id的元素(原则上id不能重复)。

第一个方法是查找只有一个元素的方法,返回的是一个元素对象 WebElement:

java 复制代码
WebElement nameEle = driver.findElement(By.id("fname"));

暂时忽略 findElement() 的参数,稍后我们会重点介绍。

2. 多个元素

返回的是 WebElement 列表。

java 复制代码
List<WebElement> eles = driver.findElements(By.tagName("input"));

3. 通过id查找元素

介绍完两个find方法,我们接下来就看看它的参数。

最常用是通过ID定位元素。

java 复制代码
WebElement nameEle = driver.findElement(By.id("su"));

4. 通过name查找元素

在表单中,我们的元素通常有name属性,我们也可以通过它定位元素.

java 复制代码
WebElement nameEle = driver.findElement(By.name("fname"));

5. 通过class查找元素

某些情况下,我们要定位的元素没有 id,也没有 name,这是在做爬虫时是很常见的情况!这时我们可以通过class 定位。

java 复制代码
List<WebElement> eleList = driver.findElements(By.className("w3-button"));

但是特别注意:尽量不要使用class定位元素,因为class是样式,网站的样式随时都可能会变的。

当然你会说id或name也可能会变,但是概率比class小很多!

6. 通过标签查找元素

因为我们定位的是元素,元素都是标签,那自然html tag也是很重要的定位方式。

java 复制代码
List<WebElement> elementList = driver.findElements(By.tagName("input"));

到这里,我们介绍了最常用的元素定位的方法,通过这些方法,我们可以找到某些元素,或者做一些操作。

但是这些太过简单,下一篇文章,我会介绍更强大的XPath定位元素的方法,它不仅可以实现本文介绍的几种方法,还有更多、更强、更灵活的元素定位方法。

关注CSDN - 兰亭序咖啡,和我一起学习探讨 Selenium 自动化和其它技术。

相关推荐
美团测试工程师6 小时前
九大高效的前端测试工具与框架
软件测试·测试工具·jmeter
小白学大数据7 小时前
如何使用Selenium处理JavaScript动态加载的内容?
大数据·javascript·爬虫·selenium·测试工具
weixin_419349797 小时前
selenium 报错 invalid argument: invalid locator
selenium·测试工具
程序猿000001号7 小时前
Selenium 深度解析:自动化浏览器操作的利器
selenium·测试工具·自动化
yaosheng_VALVE12 小时前
探究全金属硬密封蝶阀的奥秘-耀圣控制
运维·eclipse·自动化·pyqt·1024程序员节
Heaven64515 小时前
6.8 Newman自动化运行Postman测试集
软件测试·自动化·接口测试·postman·newman
rpa_top15 小时前
RPA 助力电商:自动化商品信息上传,节省人力资源 —— 以影刀 RPA 为例【rpa.top】
大数据·前端·人工智能·自动化·rpa
新时代农民工--小明15 小时前
前端自动化部署更新,自动化打包部署
运维·前端·自动化
Blankspace学16 小时前
Wireshark软件下载安装及基础
网络·学习·测试工具·网络安全·wireshark
低调之人17 小时前
Fiddler勾选https后google浏览器网页访问不可用
前端·测试工具·https·fiddler·hsts