自从selenium出世以来,出现了很多用来验证xpath/css的插件,但是如果你安装了chrome,其实可以不用使用这些插件的。chrome的console是可以用来验证xpath和css。使用chrome打开你要测试的网站,然后按下F12就可以打开开发者调试工具了,console就嵌套在调试工具里
![](https://i-blog.csdnimg.cn/blog_migrate/53f6bfde267d2b553e26b82481eb27f4.webp?x-image-process=image/format,png)
按下Esc键,可以在Elements面板中打开console
![](https://i-blog.csdnimg.cn/blog_migrate/f8851d8586c9a98970d79b7a9a9d3ff4.webp?x-image-process=image/format,png)
现在,你可以在console中测试你的xpath或者css了
测试css的语法是-$(“”)
![](https://i-blog.csdnimg.cn/blog_migrate/55f9ca97577770f8881e7ec2c538b1c7.webp?x-image-process=image/format,png)
输入完毕后,点击回车键。如果你的语句是正确的,会返回该css对应的元素的html语句
如果鼠标停留在console中的这个html语句上,界面上对应的元素会高亮显示
![](https://i-blog.csdnimg.cn/blog_migrate/90603ad32aa9f191f4ca7009b4b7b704.webp?x-image-process=image/format,png)
ctrl+L快捷键:清空console内容
验证xpath也是类似的。语法是$x(“your_xpath_selector”)。注意:语法中括号里需要通过双引号括起来,如果xpath语句中有双引号,要改成单引号,不然只能解析到第一对双引号的内容
![](https://i-blog.csdnimg.cn/blog_migrate/6e48661d47f879af404aacfaf1d71e1d.webp?x-image-process=image/format,png)
这样就可以不用使用其他插件啦
作者:tyoko
链接:http://www.jianshu.com/p/e61888e02664
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。