Selenium元素定位方法大全
目录
- 一、背景
- 二、浏览器定位元素
- 三、Selenium元素定位代码
- 3.1 通过id定位
- 3.2 通过class定位
- 3.3 通过name定位
- 3.4 通过tagname定位
- 3.5 通过link_text定位
- 3.6 通过partial_link_text定位
- 3.7 通过css选择器定位
- 3.8 通过xpath表达式查找
- 四、总结
- 4.1 推荐的定位方式的优先级
- 4.2 css选择器和xpath的各自优劣势
- 4.3 通过浏览器快捷获取元素的css/xpath
一、背景
作为当下最流行的web UI自动化测试工具,selenium是很多测试同学入门接触自动化测试时学习的第一个工具。想要自动化操作页面上的内容,元素定位是首先必须要学习的核心知识。
因此本文主要介绍selenium的几种最常用的元素定位方法,掌握了这些方法,希望能帮助大家快速轻松定位到页面上的各类元素。如果对你有帮助,欢迎关注我的vx公众号:程序员杨叔。
二、浏览器定位元素
首先我们以最常见的百度首页为例,假设我们的操作是想要往搜索框内输入关键字,看看如何定位到搜索框。
先打开百度首页,然后F12调出浏览器调试台,然后如图中所示定位到搜索框:
注意观察HTML元素的各个字段,接下来主要就依靠这些字段来定位到元素:
1. tagName:input
2. type:text
3. class:s_ipt
4. name: wd
5. id: kw
6. maxlength: 100
7. autocomplete: off
页面上的超链接元素定位:
三、Selenium元素定位代码
3.1 通过id定位
ele = driver.find_element_by_id("kw")
3.2 通过class定位
ele = driver.find_element_by_class_name("s_ipt")
3.3 通过name定位
ele = driver.find_element_by_name("name")
3.4 通过tagname定位
ele = driver.find_element_by_tag_name("input")一个页面中所有的文本框的tagname都是input,太不唯一,所以一般不会用
3.5 通过link_text定位
ele = driver.find_element_by_link_text("新闻")
只能是超链接标签的文本才能查,精准匹配
3.6 通过partial_link_text定位
ele = driver.find_element_by_partial_link_text("新")
只能是超链接标签的文本才能查,模糊匹配
3.7 通过css选择器定位
1、单一属性定位:
1. 通过id属性定位(#号表示通过id属性定位):
driver.find_element_by_css_selector('#kw')2. 通过class属性定位(.表示通过class属性定位):
driver.find_element_by_css_selector('.s_ipt')3. 通过其他属性定位([]表示通过其他属性定位):
driver.find_element_by_css_selector("[name='wd']")
driver.find_element_by_css_selector("[type='text']")
2、组合属性定位:
1. id组合属性定位
driver.find_element_by_css_selector("input#kw")2. class组合属性定位
driver.find_element_by_css_selector("input.s_ipt")3. 其他属性组合定位
driver.find_element_by_css_selector("input[name='wd']")4. 两个其他属性组合定位
driver.find_element_by_css_selector("[name='wd'][autocomplete='off']")
3、通过层级定位:
#id是form的form下面的span下面的input
driver.find_element_by_css_selector('form#form>span>input')
4、模糊匹配属性值定位:
1. 匹配属性值以xx字符串开头的方法:
driver.find_element_by_css_selector("input[class^='s']")2. 匹配属性值以xx字符串结尾的方法:
driver.find_element_by_css_selector("input[class$='ipt']")
3.8 通过xpath表达式查找
表达式 | 描述 |
---|---|
/ | 绝对路径,从根节点选取。严格按照路径、同级元素的位置来定位,缺点:页面一动,基本崩溃 |
// | 相对路径,根据表达式匹配页面中有还是没有符合表达式的元素,缺点:可能有多个符合的元素 |
. | 选取当前节点 |
… | 选取当前节点的父节点 |
@ | 选取属性 |
[ ] | 表示进一步的表达式 |
通配符 | 描述 |
---|---|
* | 匹配任何元素节点 |
@* | 匹配任何属性节点 |
node() | 匹配任何类型的节点。 |
1、利用标签内属性进行定位:
xpath = "//标签名[@属性='属性值']"
查找span标签的下级标签为input的并且属性id为kw的元素:1. xpath = driver.find_element_by_xpath("//input[@id= 'kw' ]")
属性判断条件:最常见为id,name,class等等,属性的类别没有特殊限制,只要能够唯一标识一个元素即可。当某个属性不足以唯一区别某一个元素时,也可以采取多个条件组合的方式,如下:
1. xpath = "//input[@type='text' and @name='wd']"
2、利用text()方法文本定位:
//a[text() = '新闻']
//a[text() = '新闻'][1] :表示使用找到的第一个,索引从1开始,不是0
3、利用contains()方法定位,也叫模糊定位:
xpath = "//标签名[contains(@属性, '属性值')]"1. 例:文本包含“新”
xpath = //a[contains(text(),'新')]2. class属性包含kd的
xpath = //a[contains(@class,'kd')]3. 通过下一级查找上一级:
xpath = //input[@id='kw']/.. :表示查找他的上一层
xpath = //input[@id='kw']/.. /.. :表示查找上两层4. 如果一个元素无法通过自身属性直接定位到,则可以先定位它的父(或父的父)元素,然后再找下一级即可
xpath = //form[@id='form']/span[@class='bg s_ipt_wr new-pmd quickdelete-wrap']/input
四、总结
4.1 推荐的定位方式的优先级
- 优先级最高:ID
- 优先级其次:name
- 优先级再次:CSS selector
- 优先级再次:Xpath
4.2 css选择器和xpath的各自优劣势
- css是配合html来工作,它实现的原理是匹配对象的原理,而xpath是配合xml工作的,它实现的原理是遍历的原理,所以两者在设计上,css性能更优秀(ps:css选择器表达式在chrome、firefox解析速度快一些,xpath在ie浏览器解析速度快一些)
- 针对id或者name能够直接定位到的元素,css选择器表达式比xpath表达式更加简洁
- css选择器不支持文本搜索,但是xpath支持
- 当查找的元素比较简单时,使用css,复杂时使用xpath
4.3 通过浏览器快捷获取元素的css/xpath
浏览器也提供了快捷获取xpath的方式,可以方便快捷的获取到xpath,如下图所示:
以上就是本次的全部内容,如果对你有帮助,欢迎关注我的vx公众号:程序员杨叔,各类文章都会第一时间在上面发布,持续分享全栈测试知识干货,你的支持就是作者更新最大的动力~
Selenium元素定位方法大全相关推荐
- python selenium定位元素方法_[原创] python selenium 元素定位方法封装
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 写好了公用的调用类,接下来就按照pageobject的设计模式写一下基本的元素定位方法,此处我们需要对python的方法传参有所了解,没有自信的同学可以返 ...
- selenium 元素定位方法
拿百度界面的输入框输入内容为例: 1.通过元素的id属性进行元素定位,在html中元素的id是唯一的. 定位方法:find_element_by_id(id) 2.通过元素的name属性进行元素定位, ...
- Selenium原理及元素定位方法(JAVA)
Selenium原理 1.Selenium 1.0(Selenium RC): 早期的Selenium使用的是Javascript注入技术与浏览器打交道,需要Selenium RC启动一个Server ...
- Selenium常用的8大元素定位方法
1.元素定位方法的分类(调用方式): 直接调用型(推荐方式) driver.find_element_by_xxx(value) 使用By类型(需要导入By) from selenium.webdri ...
- [python爬虫] Selenium常见元素定位方法和操作的学习介绍(转载)
转载地址:[python爬虫] Selenium常见元素定位方法和操作的学习介绍 一. 定位元素方法 官网地址:http://selenium-python.readthedocs.org/locat ...
- selenium自动化测试——常见的八种元素定位方法
selenium常用的八种元素定位方法 1.通过 id 定位:find_element_by_id() 2.通过 name 定位:find_element_by_name() 3.通过 tag 定位: ...
- python+selenium笔记(一):元素定位方法
一.环境准备: 1.浏览器选择:Firefox 2.安装插件:Firebug和FirePath(设置>附加组件>搜索:输入插件名称>下载安装后重启浏览器) 3.安装完成后,页面右上角 ...
- selenium八大元素定位方法
selenium八大元素定位方法 定位方式一 定位方式二 定位方式一 定位方式二 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与 ...
- Python+selenium自动化八大元素定位方法及实例(超详细)
目录 一.selenium模块中的find_element_by_id方法无法使用 二.Python+selenium自动化八大元素定位方法 使用场景: 1.通过id属性定位:driver.find_ ...
最新文章
- 环形动画加载视图AnimatedCircleLoadingView​​​​​​​
- springboot项目打包成war并在tomcat上运行的步骤
- OpenCV实现幻灯片模糊slides blur的实例(附完整代码)
- SAP WebIDE里UI5应用的隐藏文件project.json
- MFC工作笔记0003---WindowsAPI与MFC的关系
- c++将小数化为二进制_C++中的float内存存储、与十进制的转换
- armadillo: run time error: need lapack
- 流水灯c语言代码switch,单片机C语言入门之六switch case语句流水灯
- IDEA Translation插件,有道智云(有道翻译)应用ID,密钥申请教程
- 工具类--生成随机姓名及指定长度随机字符串
- etc的常见算法_UI图集压缩优化,以及对Dither和ETC1算法的深入了解
- Repeater控件动态变更列(Header,Item和Foot)信息
- 【Beetl笔记整理二】定义变量
- 二分查找、求上界和下界(包括内置函数lower_bound、和upper_bound的使用)
- 鸣人和佐助 计蒜客--1214 广搜 三维数组
- SuperMap Vue-iClient3D-WebGL 使用指南
- 今日推荐课程:机器学习极简入门
- 关于前端flex的使用
- pspad 格式化php代码,PSPad editor编辑
- Adobe国际认证是什么?
热门文章
- 简述计算机网络的定义,简述计算机网络的概念和基本功能
- stlink/Jlink在线调试仿真
- Myeclipse 手动安装Velocity插件
- GridView中DataSourceID和DataSource替换
- 4位数字验证码图片识别 +tensorflow+CNN
- 海信电视LED42EC510N进入工厂模式方法
- 微信公众平台注册所需资料(服务号和小程序一样)
- CUDA:矩阵乘法的实现(Share Memory)
- 无人机生态环境监测、图像处理与GIS数据分析综合实践技术应用
- 微信小游戏一笔画通关代码---------深度优先图搜问题