博客

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

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

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

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

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

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

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

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

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

原文：

Using chrome console to test xPath and css selectors