CSS Selector Finder for Chrome Devtools

Generate CSS Selectors from the Chrome Devtools Elements Panel

What is CSS Selector Finder for Chrome Devtools?

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

Stats

By: https://abbadata.com

View on Chrome Web Store

Users: 2,000+

Rating: 4.00 (4)

Version: 0.1 (Last updated: 2020-06-23)

Creation date: 2020-06-23

Risk impact: Moderate risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Size: 36.52K

Email: er*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 21522 ▼ 54

Other rankings

#769 in Developer Tools ▼ 1 #69 in class keyword 5 ▲ 1 #71 in finder keyword 57 ▲ 1 #115 in value keyword 8 ▼ 2 #178 in name keyword 38 ▲ 3

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

Easy to use Devtools sidebar that aids in finding unique CSS selectors.

Unique CSS selectors are continuously generated as the selection is changed in the Devtools Elements panel
Highly configurable. Settings can easily be changed interactively and results can be seen immediately.
- Enable/Disable usage of IDs, Class names, and Tag names for selector generation
- Filter out specific values of IDs, Class names, and Tag names
- Use custom attribute names and attribute name/value pairs
- Various settings to control robustness and optimization of selectors

User reviews

Does not work

Yuri Lilywood, 2023-01-14

Best one I’ve found so far. Writes the most optimal/shortest selector.

Eric Xu, 2024-03-05

Does not work

Yuri Lily, 2023-01-14

View all user reviews

Safety

Risk impact

CSS Selector Finder for Chrome Devtools may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.