插件介绍
选择器小工具是一个开源的Chrome扩展，使CSS选择器的生成和发现在复杂的网站轻而易举。
安装扩展后，转到任何页面并启动它。一个方框将在网站的右下角打开。单击您希望选择器匹配的页面元素(它会变成绿色)。然后SelectorGadget将为该元素生成一个最小的CSS选择器，并将突出显示(黄色)与该选择器匹配的所有内容。现在单击突出显示的元素将其从选择器中删除(红色)，或者单击未突出显示的元素将其添加到选择器中。通过这个选择和拒绝的过程，SelectorGadget帮助您想出完美的CSS选择器为您的需要。
在http://selectorgadget.com上有一个教程视频和一个书签小工具版本
Selector Gadget is an open source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze.
After having installed the extension, go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs.
There is a tutorial video and a bookmarklet version available at http://selectorgadget.com
浏览器插件安装详细步骤：Chrome浏览器如何安装插件扩展
该工具可以与谷歌浏览器结合使用，能够为复杂网站的元素生成CSS选择器，这款神器有助于我们快速找到html的节点信息，具体的安装及使用过程详见我的博客文章《SelectorGadget的安装及使用》
谷歌浏览器使用SelectorGadget和Xpath Helper获取xpath和css path
使用方法如下：
打开一个网页，例如www.hao123.com;
开启SelectorGadget（点击一个放大镜图案的按钮即可）;
移动鼠标箭头到一个页面元素上并单击，该页面元素会变成绿色，SelectorGadget的文本框内显示出被选中页面元素的css path类型的定位字符串。“clear”按钮可以清空定位字符串，“clear”按钮中的数字是指定位字符串可以匹配的页面元素个数，其它具有相同定位字符串的页面元素都将变为黄色。单击这些黄色的页面元素，这些元素变为红色，表示剔除它们，用这种方式不断改变定位字符串，最终生成被选中元素的特有的定位字符串。
单击“xpath”按钮，可以生成被选择元素的xpath定位字符串，复制xpath定位字符串后，可以使用Xpath Helper扩展程序，验证xpath定位字符串能够匹配的页面元素个数。
相信爬虫的爱好者们都经历过这样一个爬虫前期的准备过程，那就是用浏览器的审查元素进行爬取目标的定位。每次我们都要浪费部分时间去寻找定位点和xpath，这样既不很方便，也不高效，那么如何提高爬虫中这部分工作的效率呢？今天小编给大家分享一个爬虫的利器，它就是：SelectorGadget 插件。