selenium中Xpath和CSS Selector的使用方法

一、selenium中Xpath的使用方法

1. 什么是xpath？

　　Xpath是XML的路径语言，通俗一点讲就是通过元素的路径来查找这个标签元素

2. 练习Xpath的工具

　　火狐浏览器，下载插件FireBug和FirePath

3. Xpath使用方法

　　注：默认死格式，先写//*代表定位页面下的所有元素　　

　　（1）Xpath支持ID、class和name定位功能

　　　　通过id定位： //*[@id='i1']

　　　　通过class定位：//*[@class='classname']

　　　　通过name定位： //*[@name='name']

　　（2）如果便签没有id，class和name三个综述性，Xpath还支持属性定位功能

　　　　@代表以属性定位，后面看而已接标签中的任意属性，比如：

　　　　//*[@placeholder='请通过XPATH定位元素']

　　（3）当标签的属性重复时，Xpath提供了通过标签来进行过滤，//input显示所有的input标签

　　　　//input[@placeholder='请通过XPATH定位元素']

　　（4）当标签页重复时，Xpath提供了层级过滤

　　　　例如：找不到儿子，那么久先找他的父级，实在不行可以找他的祖父级

　　　　//div/div[@id='dis']

　　（5）当层级都重复时，可以通过单个层级的属性进行定位

　　　　//div/div[@id='w']/div

　　（6）一个元素它的兄弟元素跟它的标签一样，这时候无法通过层级定位，因为都是一个父亲生的，多胞胎儿子，Xpath提供了索引过滤，索引从1开始，而非0

　　　　//select[2]

　　（7）上面几种如果都用上了惠州还重复，我们就可以使用Xpath提供的终极神器，逻辑运算定位。and或or

　　　　//select[@name='city' and @size='4']

　　　　//select[@name='city' or @size='4']

 

二、selenium中CSS Selector的使用方法

1. 什么是CSS Selector？

　　CSS Selector定位实际就是HTML的CSS选择器的标签定位

2. 工具

　　火狐浏览器，下载插件FireBug和FirePath

3. CSS Selector的使用方法

（1）Css selector支持id、class的定位，与html中的css定位相同

　　通过id定位  #i1

　　通过class定位  .classname

　　通过class定位多个class  .classname.c2.c3

（2）通过属性定位，Css Selector支持任意属性定位

　　[name='name']

（3）单单属性定位不足以满足我们的定位需求，Css Selector提供了标签属性组合定位

　　input[name='name']   input标签下name属性等于‘name’的

　　input#i1   input标签下id是i1的

　　input.classname  input标签下class是classname的

　　div.inner>input  div标签下class是inner的 带有input标签的（注意尖角号）

　　Div.inner下有多个，但是不能用索引定位，要结合尖角号+属性使用

（4）Css selector多属性组合过滤，没有and，只需要多个[]连接就可以

　　select[name='city'][size='4'][multiple='multiple']

（5）Css selector模糊匹配

　　^= 匹配元素属性以什么开头    input[value^="登"]

　　$= 匹配属性以什么结尾    input[value$="录"]  

　　*= 匹配属性包含什么值     input[value*="录"]