通过chrome的console验证xpath、css

自从selenium出世以来,出现了很多用来验证xpath/css的插件,但是如果你安装了chrome,其实可以不用使用这些插件的。chrome的console是可以用来验证xpath和css。使用chrome打开你要测试的网站,然后按下F12就可以打开开发者调试工具了,console就嵌套在调试工具里


通过chrome的console验证xpath、css_第1张图片

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


通过chrome的console验证xpath、css_第2张图片

现在,你可以在console中测试你的xpath或者css了

测试css的语法是-$(“”)


通过chrome的console验证xpath、css_第3张图片

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

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


通过chrome的console验证xpath、css_第4张图片

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

验证xpath也是类似的。语法是$x(“your_xpath_selector”)。注意:语法中括号里需要通过双引号括起来,如果xpath语句中有双引号,要改成单引号,不然只能解析到第一对双引号的内容

通过chrome的console验证xpath、css_第5张图片

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

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

你可能感兴趣的:(通过chrome的console验证xpath、css)