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元素定位方法

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

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

相关推荐
行則独善其身17 分钟前
华为无线AC+AP组网实际应用小结
程序人生
霍格沃兹测试开发学社测试人社区1 小时前
数据驱动与并行策略:用 JUnit 5 让软件测试更高效
软件测试·测试开发·junit
霍格沃兹测试开发学社测试人社区2 小时前
软件测试丨探索 JUnit 5 中的参数化与调度执行:提升软件测试的效率与灵活性
软件测试·测试开发·junit
jiao_mrswang2 小时前
leetcode-18-四数之和
算法·leetcode·职场和发展
明明跟你说过2 小时前
Linux中的【tcpdump】:深入介绍与实战使用
linux·运维·测试工具·tcpdump
Swift社区11 小时前
LeetCode - #139 单词拆分
算法·leetcode·职场和发展
Dong雨12 小时前
力扣hot100-->栈/单调栈
算法·leetcode·职场和发展
trueEve14 小时前
SQL,力扣题目1369,获取最近第二次的活动
算法·leetcode·职场和发展
惜.己14 小时前
Jmeter中的断言(二)
测试工具·jmeter·1024程序员节