东莞市盛裕绒艺玩具有限公司

东莞市盛裕绒艺玩具有限公司

oebet2

15298677734
联系方式
全国服务热线: 15298677734

咨询热线:15899869609
联系人:吴平凡
地址:西藏自治省拉萨市西郊安居园一区五排九号

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

来源:oebet2   发布时间:2019-11-23   点击量:81

 

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

 

 

 

相关产品

COPYRIGHTS©2017 oebet2 ALL RIGHTS RESERVED 备案号:81