SelectorGadget

Easy, powerful CSS Selector generation.

What is SelectorGadget?

SelectorGadget is a unique open-source Chrome extension designed to effortlessly generate CSS selectors on any web page. After installation, it opens a box on the page where you can click to select elements, and it subsequently creates the most minimal CSS selector for that element. It will highlight the elements matched by a selector allowing you to further refine your selection. The perfect tool for creating and managing CSS selectors with ease.

Download

Stats

By: https://selectorgadget.com

View on Chrome Web Store

Users: 200,000+

Rating: 4.48 (107)

Version: 1.2.0 (Last updated: 2022-08-03)

Creation date: 2020-05-18

Risk impact: Moderate risk impact

Risk likelihood: Low risk likelihood

Manifest version: 3

Permissions:

scripting

Host permissions:

http://*/*
https://*/*

Size: 88.74K

Email: br*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 1629 ▼ 44

Other rankings

#5287 in Developer Tools ▼ 4 #55 in element keyword 20 ▲ 1 #77 in selection keyword 26 #127 in chrome extension keyword 92 ▲ 86 #247 in will keyword 38

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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

User reviews

User reviews summary

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Huge time saver
Great for web scraping
Informative and educational

Cons

Doesn't work on all sites
Doesn't handle dynamically added elements well
Some users report it not working anymore

Most mentioned

Huge time saver
Web scraping
Doesn't work on all sites

Recent reviews

As a developer, THANK YOU for making this! You have no idea how much time this has saved me.

Abhinav Rai, 2023-06-07

Such a time saver. Really amazing work there!

Abhinav Rai, 2019-06-19

As a developer, THANK YOU for making this! You have no idea how much time this has saved me.

Abhinav Rai, 2023-06-07

View all user reviews

Safety

Risk impact

SelectorGadget may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.