通过chrome的console验证xpath、css

时间:2024-04-06 12:25:52

自从selenium出世以来,出现了很多用来验证xpath/css的插件,但是如果你安装了chrome,其实可以不用使用这些插件的

chrome的console可以用来验证xpath和css。使用chrome打开你要测试的网站,然后按下F12就可以打开开发者调试工具了

,console就嵌套在调试工具里

 

通过chrome的console验证xpath、css

 

按下Esc键,可以在Elements面板中打开console

 

通过chrome的console验证xpath、css

 

现在,你可以在console中验证你的xpath或者css了

测试css的语法是:$$(""),括号中的内容为css的定位语法,如css中定位id:$$("#kw")

 

通过chrome的console验证xpath、css

 

输入完毕后,点击回车键。如果你的语句是正确的,会返回该css对应的元素的html语句

如果鼠标停留在console中的这个html语句上,界面上对应的元素会高亮显示

 

通过chrome的console验证xpath、css

 

ctrl+L快捷键:清空console内容

验证xpath也是类似的。语法是$x(“your_xpath_selector”)。注意:语法中括号里需要通过双引号括起来,如果xpath语句中有双

引号,要改成单引号,不然只能解析到第一对双引号的内容

 

通过chrome的console验证xpath、css

这样就可以不用使用其他插件啦

原文:Using chrome console to test xPath and css selectors