SelectorGadget

Easy, powerful CSS Selector generation.

SelectorGadget - Chrome Extension for CSS Selector Generation

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

Extension stats

By: https://selectorgadget.com

Users: 100,000+

-100,000

Rating: 4.48

(108)

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

Ranking

# 2,387 ▼ 714

Other rankings

#6616 in Developer Tools ▼ 17

#82 in element keyword 3 ▼ 13

#219 in sheets extension keyword 12 ▲

#228 in will keyword 35 ▲ 30

#247 in chrome extension keyword 23 ▲ 25

Upgrade to see more rankings

Other platforms

Not available on Android

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.

Extension 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

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
Accurately identifies selectors for web scraping
Saves users a lot of time when finding nested elements

Cons

Doesn't work properly on some sites, such as LinkedIn job pages
Fails to find valid paths on certain websites
Doesn't handle dynamically added elements well

Most mentioned

Time-saving functionality
Issues with functionality on some websites
Need for updates or improvements

User reviews

Acer Chang, 2024-04-28

无法使用了？

Galen, 2024-03-13

It dosen't work fine in linkedin job pages, for example in blow link, I can't select job skill level properly https://www.linkedin.com/jobs/view/3852962372