Generate CSS Selectors from the Chrome Devtools Elements Panel
CSS Selector Finder for Chrome Devtools Extension
- 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
Source Manifest.json
Similar Extensions
SelectorsHub - XPath Helper 2,000+ 1384 ★ 556KiB
SelectorGadget 2,000+ 108 ★ 86.66KiB
CSS Selector Capture Pro 2,000+ 11 ★ 116KiB
ChroPath 2,000+ 1167 ★ 540KiB
Easy Select 2,000+ 9 ★ 162KiB
CSS Selector 2,000+ 2 ★ 73.43KiB
CSS Selector Tester 2,000+ 4 ★ 30.87KiB
CSS Selector Helper 2,000+ 60 ★ 91.27KiB
Element Locator 2,000+ 22 ★ 264KiB
Copy CSS Selector 2,000+ 3 ★ 72.91KiB
Copy Css Selector 2,000+ 26 ★ 19.31KiB
Ranorex Selocity 2,000+ 51 ★ 6.59MiB
CSS Finder 2,000+ 0 ★ 11.81KiB
Selector Finder 2,000+ 3 ★ 333KiB
ABBAdata CSS Selector Finder 2,000+ 3 ★ 336KiB
xPath Finder 2,000+ 34 ★ 15.28KiB
CSS and XPath checker 2,000+ 45 ★ 75.17KiB
Ruto - XPath Finder 2,000+ 71 ★ 1.82MiB
XPath Helper 2,000+ 597 ★ 247KiB
POM Builder – Auto-generate CSS/XPath Locator 2,000+ 28 ★ 1.98MiB
xPath To CSS Selector 2,000+ 2 ★ 174KiB
CSS Inspector 2,000+ 64 ★ 2.57MiB
Find Selector 2,000+ 4 ★ 62.08KiB
CSS Scan 2,000+ 84 ★ 1.41MiB
User reviews
Yuri Lilywood (ID: 0000005fecef3ec1) Voted 1 ★ - Updated 01/14/2023
Evan Chen (ID: 000000563e08935e) Voted 5 ★ - Updated 04/13/2022