Generate CSS Selectors from the Chrome Devtools Elements Panel

Latest Version

Version
0.1
Update
June 23, 2020
Size
35.66KiB
Developer
abbadata.com
Category
Users
2,000+
Rating
4 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
See more

CSS Selector Finder for Chrome Devtools Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "short_name": "CSS Selector Finder for Chrome Devtools", "name": "CSS Selector Finder for Chrome Devtools", "version": "0.1", "description": "Generate CSS Selectors from the Chrome Devtools Elements Panel", "manifest_version": 2, "devtools_page": "devtools.html", "background": { "scripts": ["/static/js/background/background.js"], "persistent": false }, "icons": { "16": "abba16.png", "48": "abba48.png", "128": "abba128.png" }, "content_scripts": [ { "matches": [""], "js": ["/static/js/content_script.js"], "run_at": "document_idle", "all_frames": true } ]}
Read more

Similar Extensions

icon

SelectorsHub - XPath Helper Extension · Developer Tools 2,000+ 1384 ★ 556KiB

icon

SelectorGadget Extension · Developer Tools 2,000+ 108 ★ 86.66KiB

icon

CSS Selector Capture Pro Extension · Developer Tools 2,000+ 11 ★ 116KiB

icon

ChroPath Extension · Developer Tools 2,000+ 1167 ★ 540KiB

icon

Easy Select Extension · Developer Tools 2,000+ 9 ★ 162KiB

icon

CSS Selector Extension · Productivity 2,000+ 2 ★ 73.43KiB

icon

CSS Selector Tester Extension · Developer Tools 2,000+ 4 ★ 30.87KiB

icon

CSS Selector Helper Extension · Developer Tools 2,000+ 60 ★ 91.27KiB

icon

Element Locator Extension · Developer Tools 2,000+ 22 ★ 264KiB

icon

Copy CSS Selector Extension · Developer Tools 2,000+ 3 ★ 72.91KiB

icon

Copy Css Selector Extension · Developer Tools 2,000+ 26 ★ 19.31KiB

icon

Ranorex Selocity Extension · Developer Tools 2,000+ 51 ★ 6.59MiB

icon

CSS Finder Extension · Developer Tools 2,000+ 0 ★ 11.81KiB

icon

Selector Finder Extension · Developer Tools 2,000+ 3 ★ 333KiB

icon

ABBAdata CSS Selector Finder Extension · Developer Tools 2,000+ 3 ★ 336KiB

icon

xPath Finder Extension · Developer Tools 2,000+ 34 ★ 15.28KiB

icon

CSS and XPath checker Extension · Developer Tools 2,000+ 45 ★ 75.17KiB

icon

Ruto - XPath Finder Extension · Developer Tools 2,000+ 71 ★ 1.82MiB

icon

XPath Helper Extension · Developer Tools 2,000+ 597 ★ 247KiB

icon

POM Builder – Auto-generate CSS/XPath Locator Extension · Developer Tools 2,000+ 28 ★ 1.98MiB

icon

xPath To CSS Selector Extension · Developer Tools 2,000+ 2 ★ 174KiB

icon

CSS Inspector Extension · Developer Tools 2,000+ 64 ★ 2.57MiB

icon

Find Selector Extension · Developer Tools 2,000+ 4 ★ 62.08KiB

icon

CSS Scan Extension · Developer Tools 2,000+ 84 ★ 1.41MiB

User reviews

icon

Yuri Lilywood (ID: 0000005fecef3ec1) Voted 1 ★ - Updated 01/14/2023 Does not work

icon

Evan Chen (ID: 000000563e08935e) Voted 5 ★ - Updated 04/13/2022 The extension is awesome! It helped me find a job.