UI自动化中,最最最最重要的仍是定位元素,哪么如何确认咱们定位的元素必定正确呢?之前的火狐有Firebug帮助咱们定位,后面好像没有维护了。目前Chrome浏览器用的比较多,如何在Chrome快速判断元素定位是否正常?确定有人回答,运行脚本执行,那是否是太麻烦了?今天安静不介绍新的知识点了,介绍下如何经过Chrome帮助咱们快速定位到元素是否正确css
方法一在前面已经提到过一次了,就是经过打开浏览器的F12,而后在ctrl+F(Windows下)活mac电脑上Command+F,输入须要查看的元素信息,看看数量是否为1,若是为1,则说明这个页面上就存在一个符合条件的元素。这里要注意,查找目前好像仅支持CSS查找和Xpath查找。浏览器
方法二也是经过F12中的控制台来确认,这里主要使用到JaveScript中的定位方法,打开F12,进入到控制台(Console),在控制台中输入定位的元素属性,经过返回查看元素是否为惟一性,这里的支持语法比较多,如:xpath,css,id,name,class,tag。具体的咱们举例来简单说明spa
这里xpath须要在前面加入$x,后面跟xpath正常语法,语法: $x("//*[@id='xx']") 这里安静仍是拿百度来举例,这里length=1表示仅有一个元素符合这条件code
这里Css须要在前面加入$$,后面正常跟Css写法。语法: $$('#xx') 这里括号中写Css语法blog
这些写法相似于selenium中的定位写法。ip
方法 | 写法 |
ID | document.getElementById("xx") |
class | document.getElementsByName("xx") |
name | document.getElementsByClassName("xx") |
经过这两种方法能够快速的帮助咱们判判定位的元素是否正确,也大大提升了咱们自动化代码的运行成功率。get
安静写的文章若是对您有帮助,点个关注,持续更新。不懂的或者写错的地方,能够下方留言。selenium