CSS Selector Finder for Chrome Devtools

Generate CSS Selectors from the Chrome Devtools Elements Panel
▶

CSS Selector Finder - Essential Chrome Devtools Extension

CSS Selector Finder for Chrome Devtools is an easy-to-use extension that continuously generates unique CSS selectors as you select elements from the Chrome Devtools panel. With its highly configurable settings, you can easily control how selectors are generated, with options to enable or disable the usage of IDs, class names, and tag names, filter out specific values, use custom attribute names and attribute values pairs, and optimize the robustness of selectors.
Download
Install from Chrome Web Store

Extension stats

Manifest V2
Users: 2,000+
Rating: 4.00
(5)
Version: 0.1 (Last updated: 2020-06-23)
Creation date: 2020-06-23
Size: 36.52K
URLs: Website
Full description: See detailed description

Ranking

# 21,685 ▼ 18
Other rankings
#866 in Developer Tools ▼ 1 #89 in class keyword 4 ▼ 4 #97 in finder keyword 47 ▼ 14 #262 in value keyword 12 ▼ 42

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge

User reviews

Good extension but It would be better to switch the extension window to dark mode for eye comfort instead of white.
by yfjuu 6, 2024-09-08
Best one I’ve found so far. Writes the most optimal/shortest selector.
by Eric Xu, 2024-03-05
Does not work
by James Hall, 2023-01-14
View all user reviews

Extension safety

Risk impact

CSS Selector Finder for Chrome Devtools requires a few sensitive permissions. Exercise caution before installing.

Risk impact analysis details
  • High Injects scripts into web pages, which may alter or extract site contents, resulting in a substantial risk.
  • Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
  • Low ******* ****** ** *** ********* ********
Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of CSS Selector Finder for Chrome Devtools. Use it at your own risk.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* ********* ** * ******* ********* ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Promo images

CSS Selector Finder for Chrome Devtools marquee promo image
Marquee promo image
CSS Selector Finder for Chrome Devtools small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to CSS Selector Finder for Chrome Devtools:

SelectorsHub - XPath Helper
SelectorsHub - XPath Helper
https://selectorshub.com
400K 4.82 (1,440)
SelectorGadget
SelectorGadget
https://selectorgadget.com
200K 4.49 (110)
CSS Selector Capture Pro
CSS Selector Capture Pro
POINT & SHOOT
10K 5.00 (11)
Easy Select
Easy Select
fy
778 4.22 (9)
CSS Selector
CSS Selector
Cool and Fun Software
10K 2.50 (2)
CSS Selector Tester
CSS Selector Tester
sklab
3K 5.00 (4)
CSS Selector Helper
CSS Selector Helper
jlawrence6809
20K 3.87 (63)
Element Locator
Element Locator
yehudak
10K 3.32 (22)
Copy CSS Selector
Copy CSS Selector
https://samelogic.com
1,000 5.00 (3)
Copy Css Selector
Copy Css Selector
Alexander Chermyanin (flamencist)
10K 3.69 (26)
Ranorex Selocity
Ranorex Selocity
https://www.ranorex.com/selocity
30K 4.54 (52)
CSS Finder
CSS Finder
gsashishemail
122 0.00 (0)