Selenium元素定位之页面检测技巧

在进行web自动化测试的时候进行XPath或者CSS定位,需要检测页面元素定位是否正确,如果用脚本去检测,那么效率是极低的。

一般网上推选装额外的插件来实现页面元素定位检测 如:firebug。

其实F12开发者工具就能直接在页面上检测元素定位不需要装额外的插件。

有2种方式:

  • F12开发者自带的elements定位,支持xpath css定位。
  • JS方法定位,通过console输入。

elements定位

使用方法:

F12开启开发者工具后按Ctrl + F组合键

Element标签下,会多出一个body输入框。

这个输入框可以使用xpath css定位和关键字查找。

右下角显示选中的和总共定位的元素。

JS方法定位:

第二种通过JS自带的方法来定位。显示效果比第一种要更好。

CSS定位

  • document.querySelector()
  • document.querySelectorAll()

其他方式定位

  • document.getElementById()
  • document.getElementsByName()
  • document.getElementsByClassName()
  • document.getElementsByTagName()

看方法名就能知道用途。

我一般用document.querySelectorAll()定位所有元素。既能定位一组元素还能 在定位一个元素的时候检测是否定位到多个元素。

使用方法

打开F12开发者工具 切换到Console控制台标签。

输入JS元素定位方法

最后感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!

相关推荐
awonw7 小时前
[java][框架]springMVC(1/2)
测试工具·postman
钱钱钱端10 小时前
【压力测试】如何确定系统最大并发用户数?
自动化测试·软件测试·python·职场和发展·压力测试·postman
测试199811 小时前
外包干了2年,快要废了。。。
自动化测试·软件测试·python·面试·职场和发展·单元测试·压力测试
迃幵chen12 小时前
wireshark-网络分析工具
网络·测试工具·wireshark
mingzhi6112 小时前
渗透测试-快速获取目标中存在的漏洞(小白版)
安全·web安全·面试·职场和发展
孤蓬&听雨13 小时前
RabbitMQ自动发送消息工具(自动化测试RabbitMQ)
分布式·测试工具·自动化·rabbitmq·自动发送消息
土小帽软件测试13 小时前
jmeter基础01-2_环境准备-Mac系统安装jdk
java·测试工具·jmeter·macos·软件测试学习
AI_小站15 小时前
LLM——10个大型语言模型(LLM)常见面试题以及答案解析
人工智能·程序人生·语言模型·自然语言处理·大模型·llm·大模型面试
华东同舟求职16 小时前
舜宇光学科技入职测评:北森商业推理40分钟28题真题解析、网盘资料下载、答题技巧
经验分享·科技·职场和发展·求职招聘
qq_4337169516 小时前
测试分层:减少对全链路回归依赖的探索!
自动化测试·软件测试·功能测试·测试工具·回归·pytest·postman