通过 Chrome 的 console 来验证 xpath 和 css

在学习爬虫的时候，经常需要验证一下 xpath 等语法是不是自己想抓取的内容，所以出现了很多用来验证 xpath/css 的插件，但是如果你安装了 chrome，其实完全可以不用使用这些插件的。chrome 的 console 就可以验证 xpath 和 css。
首先打开你要测试的网站，然后按下 F12 就可以打开开发者调试工具了，console 就嵌套在调试工具里。

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

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

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

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

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

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

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