自从selenium出世以来,出现了很多用来验证xpath/css的插件,但是如果你安装了chrome,其实可以不用使用这些插件的
chrome的console可以用来验证xpath和css。使用chrome打开你要测试的网站,然后按下F12就可以打开开发者调试工具了
,console就嵌套在调试工具里
直接点击console,就可以打开console面板了
现在,你可以在console中验证你的xpath或者css了
测试css的语法是:$$(""),括号中的内容为css的定位语法,如:$$("#kw")
验证xpath也是类似的。语法是$x(“your_xpath_selector”),如:$x('//*[@id="kw"]')
注意:语法中括号里需要通过双引号括起来,如果xpath语句中有双引号,要改成单引号,不然只能解析到第一对双引号的内容。
输入完毕后,点击回车键。如果你的语句是正确的,会返回该元素对应的html语句
如果鼠标停留在console中的这个html语句上,界面上对应的元素会高亮显示,如下图:
还可以使用Jquery在console中定位元素,使用起来和css类似。
Jquery语法:$('这里是css selector语法'),如:$("#kw")
发送文本:.val()
点击:.click()