Helium Selectors

Helium Selectors插件简介

Helium Selectors插件描述

To use this extension, open up the developer tools  find the "Selects" tab. Once opened, press "Enable Selection Mode", if not already enabled,  start selecting elements. The algithm will attempt to find the most specific  shtest select, so often youll have to add many samples,  press "Select Similar Elements" until you get the select you want. It also has a "Select Inspected Element" button that selects the currently inspected ($0) element so you can also add elements that are hidden  difficult to highlight with the mouse.

If you visit a page after creating a CSS select  turn on selection mode, all matching elements will be highlighted  will be able to keep adding sample elements if needed. The extension will remember all the sample elements, so visiting new pages will often update the CSS select to prevent selecting elements that havent been used as samples, as the extension will always try to be as specific as possible. So f instance when creating a select f a next button, its usually a good idea to visit at least a couple of pages where the next button is ( add me samples if needed),  also the last page in  there is a disabled next button, so that the algithm updates the select to not select the disabled next button.

                                

Helium Selectors插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Helium SelectorsChrome插件v0.1.6版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决