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+

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,170 ▲ 18

Other rankings

#6692 in Developer Tools ▼ 22

#82 in element keyword 37 ▼ 6

#110 in sheets erweiterung keyword 64 ▲ 25

#169 in chrome extension keyword 81 ▲ 51

#211 in will keyword 58 ▲ 5

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

Saves a lot of time in selecting elements and scraping content.
Very accurate in providing selectors for deeply nested elements.
User-friendly and appreciated by developers for its functionality.

Cons

Does not work well on certain websites, especially dynamically generated content.
Some users report that it stopped functioning properly and needs updates.
Inability to handle specific tasks like extracting href links without issues.

Most mentioned

Does not work on certain sites like LinkedIn job pages.
Requires updates due to malfunctioning on some websites.
Users value it as a huge time saver.

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