web自动化测试(Selenium)---Xpath和CSS定位元素练习

本文提供了一次使用Selenium进行Web自动化测试的实践,着重讲解了XPath和CSS选择器在定位页面元素时的各种用法,包括nodename、/、//、@等XPath语法以及通过伪类名、ID、标签名、嵌套关系和属性等CSS选择器的应用。通过实例演示,帮助读者深入理解并掌握这两种定位技术。

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

前提

使用火狐浏览器,并安装了对应的插件后进行下面的练习
在这里插入图片描述

1. xpath练习

以搜狗搜索为例
https://www.sogou.com/

1.1 nodename

nodename表示根节点,也就是说在抓取任何一个节点时都要从根节点开始找
在这里插入图片描述

1.2 /

从根节点选取
在这里插入图片描述

1.3 //

从匹配选择的当前节点选择文档中的节点,而不考虑他们的位置
在这里插入图片描述

1.4 .

选取当前节点
在这里插入图片描述

1.5 …

选取当前节点的父节点
在这里插入图片描述

1.6 @

选取属性
在这里插入图片描述

1.7 /bookstore/book[1]

选取属于bookstore子元素的第一个book元素
在这里插入图片描述

1.8 /bookstore/book[last()]

选取属于bookstore子元素的最后一个book元素
在这里插入图片描述

1.9 /bookstore/book[last()-1]

选取属于bookstore子元素的倒数第二个book元素
在这里插入图片描述

1.10 /bookstore/book[position()❤️]

选取最前面的两个属于bookstore元素的子元素的book元素
在这里插入图片描述

1.11 //title[@lang]

选取所有拥有名为lang的属性的title元素
在这里插入图片描述

1.12 //title[@lang=“eng”]

选取所有title元素,且这些元素拥有值为eng的lang属性
在这里插入图片描述

1.13 *

匹配任何元素节点
在这里插入图片描述

1.14 @*

匹配任何属性节点
在这里插入图片描述

1.15 node()

匹配任何类型的节点
在这里插入图片描述

1.16 /bookstore/*

选取bookstore元素的所有子元素
在这里插入图片描述

1.17 //*

选取文档中的所有元素
在这里插入图片描述

1.18 html/node()/meta/@*

选择html下面任意节点下的meta节点的所有属性
在这里插入图片描述

1.19 //title[@*]

选取所有带属性的title元素
在这里插入图片描述

1.20 //book/title | //book/price

选取book元素的所有title和price元素
在这里插入图片描述

1.21 //title | //price

选取文档中的所有title和price元素
在这里插入图片描述

1.22 /bookstore/book/title | //price

选取属于bookstore元素的book元素的所有title元素,以及文档中所有的price元素
在这里插入图片描述

1.23 //*[text()=“x’x’x”]

全部//title/text() 本内容是xxx的元素
在这里插入图片描述

1.24 //*[starts-with(@attribute,“xxx”)]

属性以xxx开头的元素
在这里插入图片描述

1.25 //*[contains(@attribute,“xxxxx”)]

属性中含有xxx的元素
在这里插入图片描述

1.26 //*[@attribute1=value1 and @attribute2=value2]

同时有两个属性值的元素
在这里插入图片描述

2. css选择器练习

2.1 通过伪类名、id、标签名定位在这里插入图片描述

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

2.2 通过元素之前嵌套关系

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

2.3 通过属性

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

2.4 通过父子关系

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值