WebExtension.net
WebExtension.net

SelectorGadget

View on Chrome Web Store
View SelectorGadget Chrome Extension on Chrome Web Store
4.5 (108 ratings)

Data is synced from the Chrome Web Store. View the official store page for the most current information.

Easy, powerful CSS Selector generation.
Type
Extension
Users
200,000 users
tectonic
View author page of tectonic
Published
Published on August 7, 2013
Version 1.2.0
Manifest version
3
Updated
Updated on August 3, 2022
View on Chrome Web Store
View SelectorGadget Chrome Extension on Chrome Web Store
productivity/developer
Extension Category
Website
Visit developer website
SelectorGadget Chrome Extension Image 1

Description

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

WebExtension.net

Track and analyze Chrome Web Store extensions with comprehensive analytics and insights.

© 2024 WebExtension.net. All rights reserved.
Disclaimer: WebExtension.net is not affiliated with Google or the Chrome Web Store. All product names, logos, and brands are property of their respective owners. All extension data is collected from publicly available sources.
Go to top