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

 

​现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
qq群号：485187702【暗号：csdn11】

最后感谢每一个认真阅读我文章的人，看着粉丝一路的上涨和关注，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走！ 希望能帮助到你！【100%无套路免费领取】