Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests.

Latest Version

Version

2.0.2

Update

June 3, 2022

Size

91.27KiB

Developer

CSS Selector Helper Extension

CSS Selector Helper makes finding the right CSS selector on a web page much quicker and easier than digging through the HTML. Unlike other tools meant to help you locate CSS selectors, this extension allows you to choose the selectors manually, so that they can match up better with the structure of the page as it was designed.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "CSS Selector Helper", "description": "Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests.", "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAoyUSrNiwCi+AiMexv4YruM+sxVy6SUIlmpNrZjjLNFuzDbdWBH3C6etj/rkv5Nvz2tlhVtliukxEaaA6vRrDeig1sxIyXNg5csIpKxV1gEoDWMbuMKVfCt9MityjWWADY56LN4hG22B5YdDwDq0Mx2ty93YxVfSgrxma5HtGH1q+MhgFsVcOB3MLM17lwNTZ6e6J8BXOWK0oOs5idxZBVhSxm6jz2/lt7ISVSkWF4VKZCumxJQJ3WxyiQ+iI9c8KJ4IGPjuz7nNYDQPVSGwf3KQvrFvr5tYOcIE9jG1XaitweHAPymAzoUAUMKTq7qm2Z/UJ7EHdtyt0hm+A3sx1mQIDAQAB", "version": "2.0.2", "devtools_page": "devtools.html", "action": { "default_popup": "popup.html", "default_title": "Open the popup" }, "content_security_policy": { "devtools_page": "script-src 'self' 'unsafe-eval'; object-src 'self'" }, "permissions": [], "host_permissions": ["*://*/*"], "icons": { "128": "icon_128.png" }}

Download CRX(91.27KiB)

Similar Extensions

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

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

CSS Selector Finder for Chrome Devtools Extension · Developer Tools 20,000+ 5 ★ 35.66KiB

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

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

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

Selenium Page Object Generator Extension · Developer Tools 20,000+ 64 ★ 335KiB

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

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

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

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

Selectify Extension · Developer Tools 20,000+ 13 ★ 50.32KiB

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

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

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

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

jQuery Unique Selector Extension · Developer Tools 20,000+ 33 ★ 80.23KiB

Selenium Object Finder Extension · Developer Tools 20,000+ 20 ★ 181KiB

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

XPath Helper Wizard Extension · Developer Tools 20,000+ 43 ★ 139KiB

Relative XPath Helper Extension · Developer Tools 20,000+ 50 ★ 350KiB

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

Katalon Recorder (Selenium tests generator) Extension · Productivity 20,000+ 263 ★ 6.23MiB

Agenty - Advanced Web Scraper Extension · Developer Tools 20,000+ 175 ★ 604KiB

User reviews

Libin Thomas (ID: 000000d9f5555cc8) Voted 5 ★ - Updated 07/16/2023 Easy to find the elements. Wish it had a test feature to try out the locators and highlight the elements on the webpage just to make sure am selecting the right one. Just a suggestion :)

Armin RZ (ID: 0000009e34614c5f) Voted 5 ★ - Updated 05/17/2023 It's Awesome! Made my work so much easier

Martin Phillips (ID: 00000062f1f40eeb) Voted 5 ★ - Updated 05/02/2023 Fantastic extension for getting those pesky selectors you need to get for automated web testing (Selenium and Cypress). Couldn't do my job without it. Highly recommended.

Varun Mathuria (ID: 000000d069c68ed4) Voted 5 ★ - Updated 10/13/2022 Best extension for generating CSS selectors, by far. This is the only one that completely fulfills an SDET's needs, being manually configurable. I read the Redfin Engineering blog post about how you created this extension, and it's awesome that you created this being so new to automated testing and HTML/CSS.

moonaka (ID: 000000bca534ca70) Voted 5 ★ - Updated 10/10/2022 Took like 5-10 minutes for me to figure it out (Low IQ) but once I did, this thing is amazing. Many thanks my friend for developing this wonderful tool.

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

CSS Selector Helper