SelectorGadget
Easy, powerful CSS Selector generation.
Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests.
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
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.
Inspect the latest comments and rating distribution.
Store average score: 3.8. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Easy, powerful CSS Selector generation.
Generate a copiable CSS Selector with a mouseover without Devtool
A helper tool for to confirm CSS and XPath selector.
Quick, Easy, powerful CSS Selector generation.
Highlight the elements matching a given CSS selector.
Locators Plugin to Auto Generate and Verify Playwright Locators, XPath & CSS Selectors.
Not working for me. Nothing shown related to this tool in DevTools.
It doesn't work. Never appears in the Dev Tools.
Any possibility that you create this for Firefox?
Great thanks to the developers of this extension!!! it really helps me in my automation qa job every day!! i even can donate to you! great job guys!
Looking nice. Please add editable colors for prefixes. Like: project-* = red, head-* = yellow. I prefer this colors visible in left html.
REALLY useful! The only thing that should really be improved is the style of the selectors: couldn't we have simple flat rounded boxes (tag style) instead of having 5 borders and paddings for each selector??? That's crazy! It is very confusing, lowering the readability and looking horrible!
This is a really useful extension, especially for building functional testing of the browser. It could be improved by adding the tagName to each "row" of the hierarchy, or at least have a persistent option to do so, as sometimes the code is neater when using element selectors. [EDIT] I've gone to use this again after a week or so's gap, and have found that not only do we have element/tag selectors, but also attribute selectors. I'd go to six stars now, if it were possible, as this really is perfect for our selenium-based testing (actually InternJS).
Really found this useful but does not work in v.38 :(
Doesn't work. Chrome v. 38