Extension Center




Version: 1.0.0
Last Updated:2017-01-17 11:10:22

Report Abuse


prev next
  • 图片说明

Release note

SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze.

> To use:
1. Launch the extension by clicking the icon. A box will open in the bottom right of the webpage.
2. Click on a page element that you would like your selector to match (it will turn green).
3. SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector.
4. Click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector.
5. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs.

This extension can also be used to help determine rules for adding blocking rules to AdBlockPlus.

1. Find the selector required by following the above.
2. Copy the selector and paste into the AdBlockPlus custom rules.
3. Add the domain & ## as a prefix to the selector eg. domain.com##selector
4. Click apply, then refresh the page to check it's working.

For more info on creating ABP rules see:

Based on the javascript bookmarklet from:

For more information on using SelectorGadget goto:


1.0.0  Initial release
Total 0  1/0 >

Rate and Review

Give a rating:
Please rating!
500 words left