SelectorGadget

Easy, powerful CSS Selector generation.

What is SelectorGadget?

SelectorGadget is a Chrome extension developed by https://selectorgadget.com, and its main feature is "Easy, powerful CSS Selector generation.".

Extension Screenshots

screenshot

Download SelectorGadget Extension CRX File

Download SelectorGadget extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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 https://selectorgadget.com                    

Extension Basic Information

Name SelectorGadget SelectorGadget
ID mhjhnkcfbdhnjickkkdbjoemdmbfginb
Official URL https://chromewebstore.google.com/detail/selectorgadget/mhjhnkcfbdhnjickkkdbjoemdmbfginb
Description Easy, powerful CSS Selector generation.
File Size 86.66 KB
Installation Count 202,700
Current Version 1.2.0
Last Updated 2022-08-03
Publish Date 2020-05-18
Rating 4.51/5 Total 105 Ratings
Developer https://selectorgadget.com
Email [email protected]
Payment Type free
Extension Website https://selectorgadget.com
Help Page URL https://github.com/cantino/selectorgadget
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "icons": {
        "16": "icons\/16x16.png",
        "48": "icons\/48x48.png",
        "128": "icons\/128x128.png"
    },
    "name": "SelectorGadget",
    "homepage_url": "http:\/\/selectorgadget.com",
    "description": "Easy, powerful CSS Selector generation.",
    "version": "1.2.0",
    "permissions": [
        "scripting"
    ],
    "host_permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "background": {
        "service_worker": "background.js",
        "type": "module"
    },
    "action": {
        "default_icon": {
            "19": "icons\/action19x19.png",
            "38": "icons\/action38x38.png"
        },
        "default_title": "SelectorGadget"
    }
}