CSS Selector Helper icon

CSS Selector Helper

Extension Actions

CRX ID
gddgceinofapfodcekopkjjelkbjodin
Status
  • Extension status: Featured
  • Live on Store
Description from extension meta

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

Image from store
CSS Selector Helper
Description from store

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.

Latest reviews

Jannik V Hansen
This is a great tool, that i use to improve workflow when building and fixing websites :)
abbass dehghanzadeh
That is great but I need to select by nthchild()
ruihan xia
This is the most convenient tool to select css
Julius Ang
Extremely powerful extension. Pinpoints the minimum selectors required for an element.
Josh Payne
Ugh why's the video down Figuring out how to use this is not self-evident.
Growth V
This is really a good app. I like it especially could show if it's the unique item. Just one thing, could when user inspect it, it auto focus on the relevant selector? Currently seems user need to manually focus.
Christopher Swart
Made my life so much easier! Just wish it had support for shadow dom elements.
Ray Ice
greet
Libin Thomas
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 :)
Libin Thomas
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
It's Awesome! Made my work so much easier
Armin RZ
It's Awesome! Made my work so much easier
Martin Phillips
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.
Martin Phillips
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
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.
Varun Mathuria
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
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.
moonaka
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.
Joram Teunissen
Very good!
Joram Teunissen
Very good!
Uucky L
Installed, restarted Chrome, Inspected an element, but nothing appeared in the CSS Selector tab in Developer Tools. Chrome Version 102.0.5005.63 (Official Build) (64-bit)
Uucky L
Installed, restarted Chrome, Inspected an element, but nothing appeared in the CSS Selector tab in Developer Tools. Chrome Version 102.0.5005.63 (Official Build) (64-bit)
Mark Woodward
Extension doesnt load, once installed nothing happens when i click the extension badge.
Mark Woodward
Extension doesnt load, once installed nothing happens when i click the extension badge.
Stroga K
Not working
Stroga K
Not working
Zoë Jobson
I'm so glad this is back again.
Zoë Jobson
I'm so glad this is back again.
John Crooks
I've been using this for a long time now. Doing QA Automation work involves a lot of finding proper selectors to use and this utility has been amazing for that. A little confusing the first time I used it but it's great once you nailed down the work flow.
中華民國
按照视频演示的根本在最新的浏览器上不显示相关的功能
Matte Crystal
Best thing ever, I always felt something like this should be built into dev tools by default.
Matte Crystal
Best thing ever, I always felt something like this should be built into dev tools by default.
Josh Kasap
This might be the most useful extension I've ever used. Not only does it help you figure out just what selectors you need to accomplish a task but it also allows you to easily condense the selector to avoid unnecessarily long or complex selectors.
Josh Kasap
This might be the most useful extension I've ever used. Not only does it help you figure out just what selectors you need to accomplish a task but it also allows you to easily condense the selector to avoid unnecessarily long or complex selectors.
ridbcsaj usuuunll
I think this extension has been discontinued, yes? I've added it to my browser but it doesn't seem to be active - can't change settngs, doesn't show up in developer tools as is supposed to in extension description... Why isn't this removed from Chrome store?
ridbcsaj usuuunll
I think this extension has been discontinued, yes? I've added it to my browser but it doesn't seem to be active - can't change settngs, doesn't show up in developer tools as is supposed to in extension description... Why isn't this removed from Chrome store?
Prokop Suchanek
Great extension, very helpfull for developers
Prokop Suchanek
Great extension, very helpfull for developers
Валерий Озарничук
Thanks, but sometimes it does not work. For example, on http://www.gardtd.ru/ button "Selector to clipboard" not works.
Валерий Озарничук
Thanks, but sometimes it does not work. For example, on http://www.gardtd.ru/ button "Selector to clipboard" not works.
Nikita Agafonov
Better extension for find selectors!
Nikita Agafonov
Better extension for find selectors!
Nathan Tufano
Defeats the purpose when I have to select the entire path - makes me need to go through the HTML anyway. Does not save time just takes more.
Nathan Tufano
Defeats the purpose when I have to select the entire path - makes me need to go through the HTML anyway. Does not save time just takes more.
Adam Bloom
As someone still learning CSS, this proved very helpful. Thank you!
Adam Bloom
As someone still learning CSS, this proved very helpful. Thank you!
Brian Dall
Works pretty well for getting selectors for automated testing! One request would be a way to get selectors that look at the text - e.g. the linkText or innerText or outerText for the element. Sometimes they make links without IDs and the URLs can change so using the href is brittle. The link text however remains pretty static, but you need to make sure you can get a unique selector when the page has several sections with similar links.
Brian Dall
Works pretty well for getting selectors for automated testing! One request would be a way to get selectors that look at the text - e.g. the linkText or innerText or outerText for the element. Sometimes they make links without IDs and the URLs can change so using the href is brittle. The link text however remains pretty static, but you need to make sure you can get a unique selector when the page has several sections with similar links.
Ivan Nikiforov
Amazing app! This one really helped me to find the proper CSS selector for tricky button on dynamic AJAX site. Maybe it has not user friendly interface, but it really does the work much better than Selenium IDE and another browsers/plugins.
Ivan Nikiforov
Amazing app! This one really helped me to find the proper CSS selector for tricky button on dynamic AJAX site. Maybe it has not user friendly interface, but it really does the work much better than Selenium IDE and another browsers/plugins.