SelectorGadget(选择器小工具) v1.1

选择器小工具插件介绍

选择器小工具是一个开源的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

选择器小工具插件安装

1、在打开的谷歌浏览器Chrome的扩展管理器（方法：点击最左侧的三个点，在弹出的菜单中选择【更多工具】-【扩展程序】，或者你可以在地址栏中直接输入chrome://extensions/）

2、进入扩展程序页面后将开发者模式打勾

3、最后将解压出来的选择器小工具.crx离线文件拖入到浏览器中即可安装添加（安装前可以确认插件版本是否为v1.1）

4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装

5、安装好后即可使用，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。