Web自动化测试xpath和css的定位方式(2)

Loadrunner适合大型项目,逻辑十分的复杂

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

定位元素有两种定位的方式
一种是xpath,一种是css

xpath的讲解和使用

1,什么是xpath?
XParh即为XML路径语言,它是一种用来(标准通用编辑语言的子集)在HTML\XML文档中查找信息的语言
W3School官方文档:

在这里插入图片描述
每个xml都对应的有一个根节点
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

/从根节点选取 的使用:

显示的是蓝色就证明找到的意思
在这里插入图片描述
用/查找title,从根部开始找,找的是绝对路径的(绝对路径找的比较麻烦,可以用//相对路径)
在这里插入图片描述

//相对路径使用

在这里插入图片描述

在这里插入图片描述

一个.是选取当前节点的使用

在这里插入图片描述

两个.是选取当前节点的父节点

在这里插入图片描述

@是选取属性

(这个很重要,常用)
在这里插入图片描述
在这里插入图片描述

//link[2] 选取属于link的第二个元素

在这里插入图片描述

link[last()]选取属于link的最后一个元素

在这里插入图片描述

link[last()-1]选取属于link子元素的倒数第二个link元素

(link[last()-2]选取属于link子元素的倒数第三个link元素)
在这里插入图片描述在这里插入图片描述
选取最前面的两
在这里插入图片描述

在这里插入图片描述

通配符使用

在这里插入图片描述

*匹配任何元素的节点

在这里插入图片描述
在这里插入图片描述

@*是匹配任何属性节点

在这里插入图片描述

node() 匹配任何类型的节点

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

| 捕获head里面的link和head里面的meta

在这里插入图片描述

//title | //meta

选取文档中的所有的title和meta

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

CSS选择器

在这里插入图片描述

选中s_is_result_css里面所有的元素

在这里插入图片描述

定位class里面的某个属性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

div,p选择所有的
元素和

元素

在这里插入图片描述

选择元素内部的所有元素

在这里插入图片描述

选择元素内部子的元素

在这里插入图片描述

选择的所有属性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
选择sec属性值以"https"开头的每个标签
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
选择属于父元素的唯一子元素
在这里插入图片描述
选择属于父类的第一个子元素
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值