Selector Gadget是一个开源的Chrome扩展程序，可以轻松地在复杂的网站上生成和选择CSS选择器。安装扩展程序后，转到任意页面并启动它
插件背景
Selector Gadget 是一个开源的 Chrome 扩展，它使 CSS 选择器的生成和在复杂站点上的发现变得轻而易举
插件简介
Selector Gadget是一个开源的Chrome扩展程序，可以轻松地在复杂的网站上生成和选择CSS选择器。安装扩展程序后，转到任意页面并启动它。网站右下方会打开一个方框。单击您希望选择器匹配的页面元素（它将变为绿色）。然后SelectorGadget将为该元素生成一个最小的CSS选择器，并突出显示（黄色）选择器匹配的所有内容。现在单击突出显示的元素将其从选择器中删除（红色），或单击未突出显示的元素将其添加到选择器。通过这个选择和拒绝过程，SelectorGadget可以帮助您找到满足您需求的完美CSS选择器。
插件安装
方法一：.crx文件格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/
3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。
5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。
方法二：文件夹格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。
3.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。
注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决
插件使用方法
1、下载完会在右上角多出一个放大镜的小标志。提示你已经安装好该插件
2、接下来就可以使用该插件了，打开某个网站，例如当当网的图书排行榜，比如我们想获得书名的html节点信息，此时我们只需要先点击谷歌浏览器上图标，然后再在书名的点击，如下图所示
3、在上图中，我们发现很多地方都变成高亮（即黄色部分），但是我们只想获得书名信息，所以我们需要去除多余的信息，此刻只需在不需要的部分再次点击，即可去掉选中部分。例如点击下图上的“2013”年
4、点击后就会发现现在网页中高亮部分（即黄色部分）就只有“书名”信息，如下图所示
5、这时候我们再查看谷歌浏览器右下角就可以看到节点标签，即 .name a，点击图片上面的“clear(20)”即可清除自己现在选取的信息，重新进行选择~
扫码关注公众号，发【识别码】获取
