CSS Selector Helper

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

CSS Selector Helper is a Chrome Dev Tools sidebar extension designed to simplify and accelerate the process of finding unique CSS selectors on any web page. Unlike automated tools that generate selectors algorithmically, this extension allows developers and QA engineers to manually select CSS selectors. This approach ensures the selectors align with the actual page structure as intended, improving the robustness and maintainability of Selenium WebDriver tests.

Ideal for test automation professionals, CSS Selector Helper reduces the time spent digging through HTML while providing greater control and accuracy. It seamlessly integrates into Dev Tools, making it a handy utility for anyone creating or debugging Selenium test scripts that rely on CSS selectors.

By:
jlawrence6809
Users:
20,000
Rating:
3.89
(64)
Version:
2.0.2 Last updated: 2022-06-03
Creation date:
2019-05-17
Risk:
Moderate risk impact Very low risk likelihood
Host permissions:
  • *://*/*
Size:
91.27KB
Email:
jl*****@yahoo.com
Full description:
See detailed description
Source:
Chrome Web Store
Updated:
a day ago

User reviews

Users find CSS Selector Helper a powerful tool that simplifies selecting CSS elements and improves development workflow, especially aiding automated testing. However, several reviews mention issues like the extension not loading properly, lack of advanced selector support like nth-child(), and missing features such as selector testing or shadow DOM support. Some users also find the interface non-intuitive initially and note outdated or missing tutorial resources. Overall, it's highly regarded but has areas that could improve for better usability and functionality.
Pros
  • Helps improve workflow when building and fixing websites.
  • Generates minimal and unique CSS selectors effectively.
  • Very useful for automated web testing (Selenium, Cypress).
  • Easy to find and identify elements quickly.
  • Highly recommended and appreciated by both beginners and professionals.
Cons
  • Sometimes the extension does not load or work as expected after installation.
  • Lacks support for certain advanced selector features like nth-child().
  • Usability can be confusing initially; documentation or videos may be outdated or unavailable.
  • No support for shadow DOM elements.
  • Missing features like testing selectors directly or focusing automatically on relevant selectors during inspection.
Recent reviews
This is a great tool, that i use to improve workflow when building and fixing websites :)
by Ja*****, 2025-05-20

That is great but I need to select by nthchild()
by ab*****, 2025-03-08

This is the most convenient tool to select css
by ru*****, 2024-11-21
View all user reviews ›

Extension safety

Risk impact
Risk impact measures the level of extra permissions an extension has access to. A low risk impact extension cannot do much harms, whereas a high risk impact extension can do a lot of damage like stealing your password, bypassing your security settings, and accessing your personal data. High risk impact extensions are not necessarily malicious. However, if they do turn malicious, they can be very harmful.

CSS Selector Helper requires a few sensitive permissions. Exercise caution before installing.

Risk impact analysis details
  • Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
  • Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
Risk likelihood
Risk likelihood measures the probability that a Chrome extension may turn malicious. This is determined by the publisher and the Chrome extension reputation on Chrome Web Store, the amount of time the Chrome extension has been around, and other signals about the Chrome extension. Our algorithms are not perfect, and are subject to change as we discover new ways to detect malicious extensions. We recommend that you always exercise caution when installing a Chrome extension.

CSS Selector Helper has earned a good reputation and can be trusted.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* ** ****** ** ********
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Compare extensions

Similar extensions

Here are some Chrome extensions that are similar to CSS Selector Helper:

Popular extensions / apps

Here are some popular extensions / apps that you might be interested in: