分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

Selenium - Css Selector 使用方法

发布时间:2023-09-06 01:51责任编辑:熊小新关键词:暂无标签

什么是Css Selector?

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

工具

Css Selector可以下载火狐浏览器插件,FireFinder 或 FireBug和FirePath组合使用。

使用方法:

1. Css Selector支持ID、Class的定位 与HTML中CSS定位相同

定位ID:id = "navi" ?-> #navi定位Class: class = "inner" ->.inner多个Class定位: class = " c1 c2 c3" -> .c1.c2.c3

2. Css Selector支持任意属性定位

[name="name"]

3. Css Selector提供了标签属性组合定位

input[name="name"]

当与ID、Class 组合使用时书写方式更为简单 

Class ->input.c1ID ???->input#i1
4. Css Selector提供了多属性组合过滤
select[size=‘4‘][multiple=‘multiple‘]
5. Css Selector支持层级关系定位
div.inner>inputselect>option[value=‘3‘]
 

6. Css Selector模糊匹配

以xx开始[placeholder^=‘请通过ID‘] 以xx结束[placeholder$=‘ID定位元素‘] 包含xx[placeholder*=‘ID‘] 

优点:CSS选择器语法比较简洁,运行速度比较快。

缺点:不支持index定位

总结: 写UI自动化时优先用Css Selector 选择器,不能用在用Xpath 选择器。

Selenium - Css Selector 使用方法

原文地址:https://www.cnblogs.com/nancyzhu/p/8947199.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved