Generate CSS selectors from sample elements.
Helium Selectors Extension
If you visit a page after creating a CSS selector and turn on selection mode, all matching elements will be highlighted and will be able to keep adding sample elements if needed. The extension will remember all the sample elements, so visiting new pages will often update the CSS selector to prevent selecting elements that haven't been used as samples, as the extension will always try to be as specific as possible. So for instance when creating a selector for a next button, it's usually a good idea to visit at least a couple of pages where the next button is (and add more samples if needed), and also the last page in case there is a disabled next button, so that the algorithm updates the selector to not select the disabled next button.
Source Manifest.json
Similar Extensions
CSS Selector Finder for Chrome Devtools 34 5 ★ 35.66KiB
@FindBy 34 11 ★ 109KiB
CSS Selector 34 0 ★ 697KiB
Attribute Reporter 34 4 ★ 90.74KiB
Eye Web Element V3.0 34 1 ★ 29.22KiB
ABBAdata CSS Selector Finder 34 3 ★ 336KiB
Element Locator 34 22 ★ 264KiB
CSS Selector Helper 34 60 ★ 91.27KiB
Find Selector 34 4 ★ 62.08KiB
Selector Finder 34 3 ★ 333KiB
CSS QuickSelector 34 0 ★ 24.5KiB
CSS Selector Capture Pro 34 11 ★ 116KiB
Easy Select 34 9 ★ 162KiB
Ranorex Selocity 34 51 ★ 6.59MiB
CSSpotlight 34 0 ★ 1.58MiB
FullStory CSS Selector Helper 34 0 ★ 24.3KiB
Brick Next Developer Tools 34 4 ★ 527KiB
POM Builder – Auto-generate CSS/XPath Locator 34 28 ★ 1.98MiB
OR Manager 34 1 ★ 4.78MiB
querySelectorAll 34 0 ★ 13.63KiB
xPath 2 & Robot framework commands 34 0 ★ 18.62KiB
XTag Selector: Visual selection for trackers 34 2 ★ 70.08KiB
Finding patterns 34 5 ★ 171KiB
Selectify 34 13 ★ 50.32KiB